Cara Membuat Buku Tamu Keluar Dari Atas

Nah, Sobat Smandita sekalian,, pada kesempatan kali ini saya akan membahas tutorial Cara Membuat Buku Tamu Keluar Dari Atas.. Yuppz.. Contohnya bisa sobat lihat dengan mengklik gambar L.Lawliet di sebelah kanan atas blog ini.. ^_^

Gimana,, Kalau tertarik ikuti langkah berikut ini ya:

1. Login Ke Dasbor, kemudian klik Rancangan
2. Klik Tambah Gadget. Letaknya terserah Sobat
3. Copy Script Berikut 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:18px;     -moz-border-radius-topright:18px;     -moz-border-radius-bottomleft:18px;     -moz-border-radius-bottomright:18px;     padding:10px;     -moz-box-shadow: 0px 2px 5px 0px #00FFFF;     }     </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;">

<!-- BEGIN CBOX - www.cbox.ws - v001 -->

<div id="cboxdiv" style="text-align: center; line-height: 0">

<div><iframe frameborder="0" width="300" height="250" src="http://www6.cbox.ws/box/?boxid=576765&amp;boxtag=eq7edh&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain6-576765" style="border:#000000 1px solid;" id="cboxmain6-576765"></iframe></div>

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

</div>

<!-- END CBOX -->

    </div>     </div>     <br />     <div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="http://i1138.photobucket.com/albums/n533/x-2share/moblin-close.png" alt="close" title="tutup" /></a></div>     </div></div>     <script type="text/javascript">     var at = document.getElementById("at");     at.style.bottom = (-200-at.offsetWidth).toString() + "px";     </script> <div style='display:scroll; position:fixed; top:42px; right:0px;'><a href="javascript:void(0);"onclick="showHideAT()"/><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsBhkdUEfOs0Dk6qiMv-aNgdOhZTNTdhn8_RGYYF2dO-nn7wUqsW934ocQ3u03rw25j0lnfGRF4XZhJjxvyixwjHaR0iuhzGM6-6Zzhoxo5swyOOrfM0BcWLuThj39KcKmm183PdcPcTFY/s1600/Chibi_Ichigo_by_lifeless_dreams.png"  /></a><br /> </div>

4. Paste dalam kolom konten.
5. Selesai

Keterangan Script:

• Ganti kode warna hijau dengan kode ChatBox Sobat.
• Ganti Kode warna merah dengan gambar buku tamu sobat.

Sekian tutorial cara buat buku tamu keluar dari atasnya..

Semoga Bermanfaat  ^_^
By: Schiffer173

About the Author

Ulya Habiburrahman hanyalah seorang remaja biasa.