Cara Membuat Buku Tamu Melayang Pada Blog

Cara Membuat Buku Tamu Melayang Pada Blog. Alhamdulillah, kali ini saya akan berkongsikan Cara Membuat Buku Tamu Melayang Pada Blog seperti yang digunakan pada blog ini. Selain blogspot ianya juga boleh digunakan untuk penyedia blog lain seperti wordpress. Caranya cukup mudah.

1. Sila kunjungi www.cbox.ws (kalau sudah punya buku tamu abaikan saja), lalu mendaftar dengan mengklik sign up, ikuti saja petunjuknya sampai mendapatkan kod buku tamunya
2. Buka akaun blog anda, seperti biasa pilih tambah gadget -  html/java script
3. Silakan copy - paste kode berikut ini: 
4. Copy-paste kode cbox anda pada tulisan berwarnah merah.
5. Save dan lihat hasilnya.

 <style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:150px; width:35px; float:left; cursor:pointer; background:url('http://3.bp.blogspot.com/-Y8UcXmwaSY4/VWvA-ObIBvI/AAAAAAAAAPs/KteiplBM8Bc/s1600/BTM.png') no-repeat; } .gbcontent{ float:left; border:1px solid #3399FF; background:#3399FF; padding:5px; } </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">

COPY DAN PASTE KOD C.BOX ANDA DI SINI 

<a href="http://alimbiz.blogspot.com/2015/05/cara-membuat-buku-tamu-melayang-pada.html"target="_blank">GET THIS WIDGET</a> <div style="text-align:right"> <a href="javascript:showHideGB()"></a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>

** Bagi blog wordpress Appearance - Widget - Text (Copy-paste kod pada Text).

Semoga bermanfaat!