CARA MEMBUAT BUKU TAMU MUNCUL DARI ATAS

CARA MEMBUAT BUKU TAMU MUNCUL DARI ATAS

oke hari ini saya mau ngepos cara membuat buku t amu muncul dari atas
oke langsung ke TKP aja ya ahaha

1.login blogger
2.buka tata letak/rancangan/layout
3.klik tambah gadget
4.pilih atau cari html/java script
5.lalu copy code di bawah ini

<style type="text/css">#at{position:fixed;right:450px;z-index:+1000;}* html #at{position:relative;}.attab{height:100px;width:30px;float:left;cursor: pointer;background:url();}.atcontent{float:left;border:2px solid #999;background: #000;-moz-border-radius-topleft:15px;-moz-border-radius-topright:15px;-moz-border-radius-bottomleft:15px;-moz-border-radius-bottomright:15px;padding:10px;-moz-box-shadow: 0px 2px 5px 0px #f8f9b9;}</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="background:#000;">
<!-- Simpan Kode cbox atau shoutmix nya disini -->
</div></div>
<br /><div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP6QDwcrMPujqWokG0WCcM69eEZZ5E1c9phpc0ZeYEN0BGOUDGi-Q72mAgaTL0ENTpi6rhp-zn0ZfWv6mC9DmY6mlv8P-NfkKIfjk8EVrr82yFs47AMEzW1jFsklGq9L5KrLQlJI4gt-M/s1600/close.png" alt="close" title="Click here to Close Cbox" /></a></div></div></div>
<script type="text/javascript">var at = document.getElementById("at");at.style.top = (-200-at.offsetWidth).toString() + "px";</script> <center><a href="javascript:void(0);"onclick="showHideAT()"/><img border="0" src="http://i763.photobucket.com/albums/xx277/gberandal/celoteh%20 galang/GUESTBOOK.png" alt="cbox" title="Click here to open Guest Book" /></center>

Catatan:

Jika ingin menampilkan posisi Tombol di samping kanan, Tinggal mengganti Kode di bawah ini :

<center><a href="javascript:void(0);"onclick="showHideAT()"/><img border="0" src="http://i763.photobucket.com/albums/xx277/gberandal/celoteh%20 galang/GUESTBOOK.png" alt="cbox" title="Click here to open Guest Book" /></center>

Ganti menjadi kode dibawah ini :

<div style='display:scroll; position:fixed; top:20px; right:0px;'><a href="javascript:void(0);"onclick="showHideAT()"/><img src="http://i763.photobucket.com/albums/xx277/gberandal/celoteh%20 galang/CHATBOX.png"  /></a></div>

6.lalu simpan dan lihat di blog anda 
 sekian info saya semoga bermanfaat bagi agan2 semua