Cara Membuat Buku Tamu Auto Hide Keren Di Blog

Caranya :

1. Buat akun dulu di cbox dan login dengan akun anda tadi
2. Pilih menu Publish!
3. Klik Copy to clipboard dan paste di notepad/gedit
4. Login ke blogger
5. Pilih Tata Letak
6. Kemudian klik tambahkan gadget dan pilih HTML/JavaScript
7. Masukkan kode di bawah ini :

<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/AVvXsEhpbYpjSW7cYIyWcNTfOZzlDbSGf2_7lLsktXQc9TZeogPGhyphenhyphencQ7bxfEIdIGoCwRGi_13C-Ovlwf4l70v-yFRJkaBe8nMn98l54ZfF3dhYOvR7NjrxZ-RKmeNv6Qifq1vw_fRW_rO-7h3xF/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://www6.cbox.ws/box/?boxid=699441&amp;boxtag=srv8zy&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain6-699441" style="border:#ababab 1px solid;" id="cboxmain6-699441"></iframe></div>

<div><iframe frameborder="0" width="200" height="75" src="http://www6.cbox.ws/box/?boxid=699441&amp;boxtag=srv8zy&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform6-699441" style="border:#ababab 1px solid;border-top:0px" id="cboxform6-699441"></iframe></div>

</div>

<!-- END CBOX -->

 <br /> <div style="text-align:center"> <span style="float:right; color:#000000;">Get this <a target="_blank" href="http://adf.ly/bsRIX"> widget! </a></span> </div> </center></div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (50-gb.offsetWidth).toString() + "px"; </script> </div>

8. Ganti kode yang berwarna biru dengan kode buku tamu milik anda sendiri di notepad/gedit anda tadi
9. Simpan gadget anda
10. Untuk demo sudah saya terapkan di blog saya ini

Semoga bermanfaat, selamat mencoba...

Di Posting Oleh : Rider Santuy

Artikel Cara Membuat Buku Tamu Auto Hide Keren Di Blog diposting oleh Rider Santuy pada hari Thursday, January 9, 2014. Terimakasih sudah berkunjung dan membaca di blog sederhana cyber petualang. Kritik dan saran dapat kawan sampaikan melalui kotak komentar. Semoga Artikel Cara Membuat Buku Tamu Auto Hide Keren Di Blog ini bermanfaat, kawan Bisa Copy/paste Artikel di atas, dan bisa Menyebarluaskan Artikel yang sedang sobat baca. INGAT! Cantumkan URL dibawah, Sebagai Sumber Artikel.! Terimakasih<a href="http://cyber-petualang.blogspot.com/2014/01/cara-membuat-buku-tamu-auto-hide-keren.html" target="_blank">Cara Membuat Buku Tamu Auto Hide Keren Di Blog </a>

cyber petualang