Blogger Widgets

Cara Membuat Buku Tamu Muncul Dari Atas Ke Bawah

 
Terkadang kita bosan melihat buku tamu kita sendiri yang cuman bergerak gitu-gitu saja. Karena tidak dapat dipungkiri setiap kita membuka blog kita, pasti ada waktu luang untuk mengecek buku tamu. Supaya mengurangi rasa kebosanan kita, buku tamu bisa kita rubah posisi bergeraknya, yaitu dari atas ke bawah.
Caranya adalah sebagai berikut :
•Login blogger
•Masuk ke Rancangan, Tambah Gadget, Html/java script
•Dan Simpan kode berikut :

<span style="font-style:italic;"></span><style type="text/css"> #at{ position:fixed; right:50px; z-index:+1000; } * html #at{position:relative;} .attab{ height:100px; width:40px; 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><br /> <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><br /> <div id="at"><div class="attab" onclick="showHideAT()"></div><div class="atcontent"><div align="center"><div style="background:#000;"><br /> <br />
LETAKKAN SCRIP ANDA DISINI

<a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="
http://upload.kapanlagi.com/c.php?f=201204131052054_bagus3_4f87a2e5a316a.gif" alt="close" title="Click here to Close Cbox" /></a></div><br /> </div></div><br /> <br /> <script type="text/javascript"> var at = document.getElementById("at"); at.style.top = (-200-at.offsetWidth).toString() + "px"; </script><br /> <br /> <div style='display:scroll; position:fixed; top:0px; right:0px;'><a href="javascript:void(0);"onclick="showHideAT()"/><img src="http://upload.kapanlagi.com/c.php?f=201203281006364_jadi3_4f72803c534ff.gif"/></a></div></div>

Kode yang berwarna kuning bisa anda ganti dengan url gambar anda.
Terima kasih :)

Penulis : pus-pus ~ Sebuah blog yang menyediakan berbagai macam informasi

Artikel Cara Membuat Buku Tamu Muncul Dari Atas Ke Bawah ini dipublish oleh pus-pus pada hari Sabtu, 14 April 2012. Semoga artikel ini dapat bermanfaat.Terimakasih atas kunjungan Anda silahkan tinggalkan komentar.sudah ada 3 komentar: di postingan Cara Membuat Buku Tamu Muncul Dari Atas Ke Bawah
 

3 komentar:

EMOTICON :
:cendolbig :batabig :ilovekaskus :kiss :najis :marah :repost :sup2 :takut :shakehand2 :hammer :toast :cystg :selamat :2thumbup :matabelo :request :babyboy1 :sorry :travel :kimpoi :ultah :rate5 :bola :kbgt :iloveindonesia :maho :nosara :berduka :ngakak :recsel :ngacir2 :bingung :cd :peluk :hoax :dp :malu :cekpm :thumbup :angel1 :kr :nohope :ngacir :salahkamar :cool :sup :mewek :babyboy :babygirl
  1. Thanks gan infonya..

    bermanfaat skali bagi perkmbangan blog sy .. :)

    Mohon komentarny dblog sy y :)

    Blog Fuadditiya | The FIM Site

    BalasHapus
  2. @Rudi : agak sibuk k, jd jarang smpet buka blog, makasi kunjungannya k rudi :)

    @Fuad : ok k, makasi yah atas kunjungannya :)

    BalasHapus