Cara Membuat Guest Book Auto Hide di Blog Sobat

Sebelumnya Saya telah sharing ke sobat tentang Cara Memasang Widget Animasi Di Pojok Blog 
Dan kali ini Saya akan sharing ke kalian tentang Cara Membuat Guest Book Auto Hide di Blog Sobat,,,
Caranya sangat gampang sobat tinggal menerapkan langkah-langkah di bawah ini:

1. Masuk dulu ke akun sobat,,,
2. lalu Klik Tata Letak
3. Lalu Sobat Tinggal mengklik Tambahkan Gadget
4. Jika sudah pilih/klik HTML/Javascript , dan copy-paste kode HTML dibawah ini ke dalam kotak konten yang di sediakan:

<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('http://i1108.photobucket.com/albums/h405/christian410/ghtrf.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://www4.cbox.ws/box/?boxid=4113399&boxtag=pb3zct&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain4-4113399" style="border:#ababab 1px solid;" id="cboxmain4-4113399"></iframe></div> <div> <iframe frameborder="0" width="200" height="75" src="http://www4.cbox.ws/box/?boxid=4113399&boxtag=pb3zct&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform4-4113399" style="border:#ababab 1px solid;border-top:0px" id="cboxform4-4113399"></iframe></div> </div> <!-- END CBOX --> <br /> <div style="text-align:center"> <span style="float:right; color:#000000;">Get this <a target="_blank" href="http://sharewithrizki.blogspot.com/2013/04/cara-membuat-guest-book-auto-hide-di.html"> 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>

Peringatan :

 Ganti Link yang seperti ini:
<!-- 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://www4.cbox.ws/box/?boxid=4113399&boxtag=pb3zct&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain4-4113399" style="border:#ababab 1px solid;" id="cboxmain4-4113399"></iframe></div> <div> <iframe frameborder="0" width="200" height="75" src="http://www4.cbox.ws/box/?boxid=4113399&boxtag=pb3zct&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform4-4113399" style="border:#ababab 1px solid;border-top:0px" id="cboxform4-4113399"></iframe></div> </div> <!-- END CBOX -->  dengan Guest Book milik Sobat, jika Sobat belum punya Guest Book Sobat bisa register di Chat Box, Fixbox , dll

5.Simpan
6. dan selesai

Semoga Langkah-langkah ini membuat Sobat bangga dengan hasilnya di blog Sobat,,,,
Thanks,,,