Cara Membuat Buku Tamu Buka tutup

Sekarang saya akan menjelaskan tentang sebuah trik blogger yang sangat berguna untuk blogger kita trik blogger itu adalah cara membuat buku tamu buka tutup di blogger. Sebelum kita membuat buku tamu yang bisa buka tutup di blogger kita harus mempunyai akun yang menyediakan widget buku tamu, tempatnya ada di ShoutMix atau Cbox. Jika belum memiliki akun kita membuat akun terlebih dahulu, jika terlalu sulit saya juga pernah menjelaskan tentang cara membuat kotak Cbox di blogger dan ikuti saja langkah-langkah itu. Nah, sekarang dari pada berlama-lama di sini dan tidak ada gunanya langsung saja kita belajar membuat buku tamu buka tutup di blogger, ikuti langkah-langkah di bawah ini.

Cara membuat buku tamu buka tutup di blogger

1. Login ke blogger 
2. Pilih Rancangan   
3. Klik Tambah Gadget
4. Pilih HTML/JavaScript
5. Masukan kode HTML 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgObMj2e7iPvV4vKRpF36LF4fFJD_O_Il8Mzz7Toyc4B5Rs6PXRszLRFwenjWpudMldiszUphH7RJIvF-GZXrd-tzQ3tFUzjcA5Mp-PonKiQwgsw_YBOwpy7SDRLr92Xn9vkqlQN0B5LImU/') 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 Kamu Disini
</div></div><script type="text/javascript">var gb = document.getElementById("gb");gb.style.right = (30-gb.offsetWidth).toString() + "px";</script>

6. Simpan jika sudah selesai

Catatan :

● Ganti tulisan yang berwarna merah dengan kode widget Anda sendiri