Cara Membuat Buku Tamu Tersembunyi di Blog

Sebelumnya, blog ini sudah posting tentang bagaimana caranya membuat chat box atau buku tamu. Mungkin bagi kalian, buku tamu ini sangat bermanfaat. Karena dapat membuat kita dan pengunjung dapat berinteraksi langsung. Tapi, ada juga pengunjung yang merasa terganggu dengan widget ini. Jadi, bagaimana jika kita menyembunyikannya? Seperti melayang disebelah kanan blog ini. Mari kita coba memasangnya di blog..

1. Login ke akun blogger anda.
2. Klik Layout atau Tata Letak
3. Klik Add Gadget atau Tambah Gadget
4. Lalu pilih HTML/JavaScript
5. Copy kode dibawah ini

   <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('http:// 

   s24.postimg.org/r5vr5jj35/Buku_Tamu_Tersembunyi.png') 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"> 

    LETAKKAN KODE SHOUTBOX, FOLLOWBOX, DLL TERSERAH ANDA DISINI 

   <div style="text-align:right"> <a href="javascript:showHideGB()"> [tutup] </a> </div>
   </div>
   <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script></div>

6. Klik Save

Note : Ganti tulisan berwarna merah dengan kode chat box atau buku tamu anda. Jika belum memiliki chat box atau buku tamu, baca tutorialnya di sini<---klik.

Terima kasih, semoga bermanfaat dan selamat mencoba.