Cara Membuat Buku Tamu Di Blog

Assalamualaikum, hay.. ophie, balik lagi nih.. kali ini ophie akan memberikan artikel tentang cara membuat buku tamu yang bisa Auto Hide di Blog, Ok langsung saja ke topik pembahasan..



Cara Membuat Buku Tamu / Guestbook Auto Hide di Blog

Caranya :

1. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
2. Masukkan kode atau copy/paste script yang  ada dibawah ini.  Selanjutnya,
3. Klik Save 

Kode/Script:

<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/AVvXsEjAs61oeziZoR-cjaSsFYGz8YYo1OJb9PX8uyhY9cjPljRT04PBqOG_7jX3ineCZQXeglekxShr9BIsl20hjprHM7U_fk_ph4mhGzXgMxfneZcV0ggxog_B4evZIrEqGgngj_RFXUqjOViR/') 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">

<!-- BEGIN CBOX - www.cbox.ws - v4.3 -->
<div id="cboxdiv" style="position: relative; margin: 0 auto; width: 200px; font-size: 0; line-height: 0;">
<div style="position: relative; height: 300px; overflow: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; border:#ababab 1px solid;"><iframe src="http://www4.cbox.ws/box/?boxid=4284821&boxtag=8b4bp5&sec=main" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="auto" allowtransparency="yes" name="cboxmain4-4284821" id="cboxmain4-4284821"></iframe></div>
<div style="position: relative; height: 80px; overflow: hidden; border:#ababab 1px solid; border-top: 0px;"><iframe src="http://www4.cbox.ws/box/?boxid=4284821&boxtag=8b4bp5&sec=form" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="no" allowtransparency="yes" name="cboxform4-4284821" id="cboxform4-4284821"></iframe></div>
</div>
<!-- END CBOX -->

<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 :
Ganti kode yang berwara ungu dengan kode buku tamu milik sobat. Sobat yang belum punya buku tamu silahkan buat terlebih dahulu di cbox ( seperti blog ini) , fibox, shoutchamp atau pada penyedia chatbox gratisan lainnya.
untuk maw ambil Kode/Scriptnya  Klik Disini

Sekian dulu untuk tutorial kali ini, semoga bermanfaat bagi teman-teman yang lg membutuhkan.. :)