Cara Lengkap Membuat Buku Tamu Sembunyi di Blog

Nah buat sahabat blogger semua, kali ini saya akan membagikan cara lengkap membuat dan memasang buku tamu di blog, untuk cara yang ini widget buku tamunya sembunyi di sebelah kanan blog , langsung saja ya lihat caranya di bawah ini...


1] LANGKAH PERTAMA.

1] Untuk yang pertama, untuk membuat buku tamu, anda harus punya kode buku tamu sendiri, untuk cara membuatnya anda bisa klik disini.

2] Bila sudah masuk situs tersebut, anda bisa klik Get your own free cbox now !seperti gambar di bawah ini.

3] Ketiga, bila sudah klik seperti gambar di atas, anda akan menuju pada halaman pendaftaran untuk buku tanu blog anda, isi semua formulir juga pilihan warna widget buku tamu dan masukan email yang masih anda pergunakan agar untuk konfirmasi nantinya, selesai lalu klik create, contoh gambarnya seperti di bawah ini.

4] Ke empat, bila sudah selesai pendaftaran, anda login dahulu dengan akun pendaftaran sebelumnya, lalu anda akan menuju pada halaman proses terakhir, anda bisa copy kode script buku tamu blog anda, contoh gambarnya di bawah ini.

2] LANGKAH  KEDUA.

1] Selanjutnya, anda bisa login di blogger anda.

2] Buka tata letak.

3] Lalu tambahkan gadget HTML dan pilih tempat sesuai keinginan.

4] Selanjutnya, copy kode di bawah ini, gabungkan dengan kode buku tamu anda. dan pastekan di kolom HTML tersebut.

<style type="text/css"> 
    #gb { 
    position:fixed; 
    top:50px; 
    z-index:+1000; 
    } 
     
    * html  
    #gb { 
    position:relative; 
    } 
     
    .gbtab { 
    height:100px; 
    width:30px; 
    float:left; 
    cursor:pointer; 
    background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMK-NeuZeug-b0_yJ8hhis1XkhbmH49zkw639OGzpGZvBtNlEVxN_a59Ru1-0p4I5UE45AlsMpSmFgqbkRfFyVtf1dpU8tcOp6GIbr82moFXPENPcMB3-bCHOJgNjlfVqpYzWm1BpoOLij/') no-repeat; 
    } 
     
    .gbcontent { 
    float:left; 
    border:2px solid #A5BD51; 
    background:#F5F5F5; 
    padding:10px; 
    } 
    </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"> 
     
   ( masukan kode buku tamu anda di sini )
     
    </div> 
    </div> 
     
    <script type="text/javascript"> 
    var gb = document.getElementById("gb"); 
    gb.style.right = (30-gb.offsetWidth).toString() + "px"; 
    </script>

5] Lalu kelima, untuk keterangan url berwarna merah adalah gambar tab buku tamu, anda bisa ganti sendiri url tab buku tamu sesuai keinginan, untuk tulisan berwarnabiru adalah letak kode buku tamu anda. terakhir tinggal save setelan dan lihat hasilnya.



Cukup segini dulu, semoga bermanfaat.