Cara Pasang Buku Tamu Ala chat Box

Assalamualaikum Sahabat Brigration Kali ini saya mau share cara pasang widget Buku Tamu Ala Chat Book
berikut ulasannya

seperti biasa sobat harus
0. Visit ke http://www.cbox.ws  lalu klik tulisan " Get your own free Cbox now! daftarkan diri anda. setelah
   selesai masuk ke langkah nomor 1
1. masuk ke bolg sobat
2. pilih tata letak
3. pilih add widget / tambah widget
4. pilih HTML/JavaScript
5. pastekan kode berikut

<style type="text/css"> #gb{ position:fixed; top:20px; z-index:+1000; }* html #gb{position:relative;} .gbtab{ height:150px; width:50px; float:left; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ3-_nyunRXdTrE-QilSjIy-Q0j-SwKijIsoIK1_tVoGjmHEbncaGzIA9-Hf5H_GFw0-8CfakEEkUnR03cVNmsQKOQQ7yh25APg29zMIkSPabuumoD8MTSAINGSYVA5_Iwc95VjnzbOIMn/s1600/chatbox.png') no-repeat; } .gbcontent { float:left; border:1px solid #000000; -moz-border-radius-bottomleft:5px; -webkit-border-radius-bottomleft:5px; -o-border-radius-bottomleft:5px; -khtml-border-radius-bottomleft:5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; background: #F2F2F2; url() no-repeat bottom; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0); gb.opened = !gb.opened; }function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);} }</script> <div id="gb"> <div class="gbtab" onmouseover="showHideGB()"> </div> <div class="gbcontent"> <center> <!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www5.cbox.ws/box/?boxid=875508&amp;boxtag=x8hd06&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-875508" style="border:#48515A 1px solid;" id="cboxmain5-875508"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www5.cbox.ws/box/?boxid=875508&amp;boxtag=x8hd06&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-875508" style="border:#48515A 1px solid;border-top:0px" id="cboxform5-875508"></iframe></div>
</div>
<!-- END CBOX --> <br /> <div style="text-align:center"> <span style="float:right; color:#000000;">Mau <a target="_blank" href="http://brigration.blogspot.com"> widget ini! </a></span> </div> </center></div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (50-gb.offsetWidth).toString() + "px"; </script> </div>

tulisan berwarna hijau ganti dengan code yang sobat dapat saat mendaftar di http://www.cbox.ws

6. pilih Save
7. lihat Hasilnya Baguskan

semoga artikel ini bermanfaat jangan lupa komentarnya ya oke sob