Buku Tamu Tersembunyi

Buku Tamu
Kali ini saya akan berbagi tips tentang membuat buku tamu sembunyi. Fasilitas ini sebenarnya memanfaatkan buku tamu yang diberikan dari sejumlah jasa seperti fibox, shoutmix dan cbox. Ok langsung saja ke prakteknya.

  1. Kalian pergi ke fibox, shoutmix atau cbox untuk mendapatkan kode scriptnya
  2. Setelah selesai anda login ke blog
  3. Rancangan --> Add Gadgets --> HTML/Java Script
  4. Paste kode script tersebut
 <style type="text/css"> #at{ position:fixed; left:-160px; z-index:+1000; } * html #at{position:relative;} .attab{ height:300px; width:180px; float:left; cursor:pointer; background:url(); } .atcontent{ float:left; border:2px solid #000000; background:#FFFFFF repeat-y center; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; padding:10px; } </style> <script type="text/javascript"> function showHideAT(){ var at = document.getElementById("at"); var w = at.offsetWidth; at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0); at.opened = !at.opened; } function moveAT(x0, xf){ var at = document.getElementById("at"); var dx = Math.abs(x0-xf) > 25 ? 35 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; at.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);} } </script> <div id="at"><div class="attab" onclick="showHideAT()"></div><div class="atcontent"><div align="center"><div style="#000000 no-repeat;">  [ K o d e  S c r i p t n y a ]  </div></div> <br /> <div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="http://i940.photobucket.com/albums/ad244/Adit-tech/klik.gif" alt="close" title="Click here to Close Cbox" /></a></div></div>  <script type="text/javascript"> var at = document.getElementById("at"); at.style.top = (-200-at.offsetWidth).toString() + "px"; </script>  <a href="javascript:void(0);"onclick="showHideAT()"/><img border="0" src="http://th263.photobucket.com/albums/ii151/wirnawan/th_guestbook.png" alt="WEARCREAF"  title="Click here to open Guest Book" style="display:scroll;position: fixed; top:65px;right:0px; height="120px" width="38px" /></a></div> <div class='clear'></div><span class='widget-item-control'> <span class='item-control blog-admin'>  </span> </span> <div class='clear'></div> <p></p><div id='rsidebar-wrapper'><div style='height:10px;clear:both;'></div><div class='sidebar section' id='sidebarright'></div><p></p></div><br />


  1. Simpan


Nb : Ganti [ Kode Script] menjadi kode dari fibox, shoutmix atau cbox