Cara Membuat Buku Tamu Online

Dibawah ini adalah langkah-langkahnya :

1. Login  dahulu pada blogger

2. Klik Rancangan / design

3. Tambah Gadget / add a Gadget

4. Pilih HTML / Javascrip 

Copy Scrip berikut:

<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/AVvXsEirwL1TLhY28khz2kpuCXnNVmAxCfkvIAz0gb-lGKTXqWcLvt8cwPlnMUHGRexWLEanSpkwY6yMnopKMVp6fdREAmHbkOO5bN5B5MQ93SyBAF6FbfXGgPtsyQwz7VYuVMCEkjlOVXtuqSpi/') 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>

Catatan :

Untuk font warna biru dapat diganti posisinya sesuai keinginan anda tapi autr juga stylenya.

Lalu  untuk font warna Hijau bisa anda letakkan kode apa saja, misalnya kode buku tamu

kalau mau tahu hasilnya lihat saja bagian sebelah kanan Blog saya... :)