..:::!!!!! Selamat Datang !!!!!:::..Hello all_Friends ::::: Nur Rohman Share® !!!!...Mitra Bisnis Pulsa Elektrik Termurah...!!! Download Software | Tutorial Blog | Pusat Servis Computer dan Servis HP CONTACT-085789915222 & EMAIL- (si_owner@yahoo.com)

Membuat buku tamu yang buka tutup

Friday, April 8, 2011 | Nur Rohman | 0 komentar
Kali ini saya akan "Membuat buku tamu yang buka tutup" shoutbox namanya juga buku ya bisa dibuka dan ditutup . Yang sudah berkunjung mengisi buku tamu menuliskan namanya, alamatnya dan pesannya. Buku tamu ini dipasang di blog kita. Yang banyak diguanakan untuk buku tamu yang kita buat ini akan bisa di buka dan ditutup, jadi terus tampil di halaman blog secara tidak utuh, jika ingin buka tinggal ngeklik dan jika ingin tutup buku tamunya juga diklik aja. Ada tulisan "Buku tamu" yang nempel dipinggir halaman dan tinggal klik untuk membuka tutupnya. Untuk membuat buku tamu yang bisa buka tutup ini, silahkan Anda buat widget shoutbox yang bisa didapatkan di shoutmix atau cbox. Di sana kita registrasi dan buat widgetnya lalu ambil kodenya.

Cara membuat buku tamu yang buka tutup
1. Login ke blogger
2. Pilih Rancangan
3. Klik Tambah Gadget
4. Pilih HTML/JavaScript
5. Masukan kode script berikut ini :

<style type="text/css">
#gb{
position:fixed;
top:100px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:2px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent"> 

Taruh Kode Widget Shoutmix Kamu Disini

<br/>Mau buat buku tamu ini ?<br/>Klik <a href="http://si-owner.blogspot.com/2011/04/membuat-buku-tamu-yang-buka-tutup.html"target="_blank"> di sini </a> <div style="text-align:right"> <a href="javascript:showHideGB()"> [hide] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>


Kita taruh kode yang sudah peroleh dari shoutmix atau cbox ditempatnya 

( Taruh Kode Widget Shoutmix Kamu Disini )

6. Simpan jika sudah selesai

Selamat mencoba,, semoga berhasil...
Membuat buku tamu yang buka tutup Reviewed by Nur Rohman on Friday, April 8, 2011 Rating: 4.5
Share on: Twitter, Facebook, Delicious, Digg, Reddit

Ditulis Oleh : Nur Rohman ~ Tips dan Trik Blogspot

Christian angkouw Artikel Membuat buku tamu yang buka tutup ini ditulis oleh Nur Rohman pada hari Friday, April 8, 2011. Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang Membuat buku tamu yang buka tutup dapat Anda sampaikan melalui kotak komentar dibawah ini. Bagi Shobat yang ingin mengcopy paste atau menyebar-luaskan artikel ini, tolong letakkan link dibawah ini sebagai sumbernya

:: Get this widget ! ::

0 komentar:

Trimakasih atas kunjungan anda.. Blog ini Dofollow) Silahkan menaruh kritik dan saran pada kotak komentar ini, asal tidak SPAM dan bagi yang mencantumkan link, akan terhapus otomatis.