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;">

</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

Anda baru saja membaca artikel yang berkategori tips blogger dengan judul CARA MEMBUAT BUKU TAMU MUNCUL DARI ATAS. Jika kamu suka, jangan lupa like dan bagikan keteman-temanmu ya... By : Blog bermanfaat,tips,trick