---

Membuat buku tamu melayang

Mau buat buku tamu melayang seperti pada cerdaskom.com. sebenarnya teknik ini saya dapat langsung dari blog rekan kita di: http://belajar-coreldraw.blogspot.com/2011/12/cara-membuat-buku-tamu-melayang.html.

Namun jika rekan-rekan ingin mendapatkannya lewat blog ini juga bisa:
caranya cukup mudah kok (untuk blogger)
1. silakan kunjungi www.cbox.ws (kalau sudah punya buku tamu abaikan saja), lalu mendaftar dengan mengklik sign up, ikuti saja petunjuknya sampai mendapatkan kode buku tamunya

2. Buka blog kamu, seperti biasa pilih tambah gadget lalu html/java script
3. silakan copy - paste kode berikut ini:

<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"> Copy Paste kode cbox disini br/>Mau buat buku tamu ini ?<br/>Klik <a href="http://www.cerdaskom.com/2012/02/membuat-buku-tamu-melayang.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>

---