Buku Tamu Melayang (Script Buku Tamu Melayang)

Assalamu'alaikum Wr. Wb.

Kali ini saya ingin berbagi script dengan agan2 semua tentang cara membuat buku tamu melayang, hehehe... Okeh langsung saja buat yang ingin membuat buku tamu melayang dapat meng-copas script berikut. Adapun langkah-langkahnya yaitu sebagai berikut :


1. Login dahulu ke blogspot.com (pakai akun Anda tentunya)
2. Pilih Design
3. Pilih Add a Widget
4. Pilih HTML / Java Script
5. Lakukan peng-copi-an script berikut :
<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:100px; width:30px; float:left; cursor:pointer; background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat; } .gbcontent{ float:left; border:2px solid #A5BD51; background:#F5F5F5; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> LETAKKAN SCRIPT ANDA DISINI <br/> Pengin Buku Tamu ANDA seperti ini?<br/> <a href="http://cryzzahwa87.blogspot.com"> Klik disini </a> <div style="text-align:right"> <a href="javascript:showHideGB()"> [tutup] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>
6. Gantilah tulisan LETAKAN SCRIPT ANDA DISINI dengan script yang sudah anda dapatkan dari shoutmix chat widget.
7. Save
8. Lihatlah hasilnya

Contoh Hasilnya ada disini

Alhamdulillah, udah selesai bikin buku tamu melayang, kini tampilan blog lebih menarik dan lebih memudahkan para pengunjung untuk berkomentar... hehehe
Wassalamu'alaikum Wr. Wb.
Download Gratis
Download Gratis Logo dan Program Komputer
www.kuwarasanku.blogspot.co.id

Kumpulan Sejarah
Informasi Kumpulan Sejarah Lengkap
www.juragansejarah.blogspot.co.id

Gadis 2015
Informasi Seputar Kehidupan Wanita
www.gadis-2015.blogspot.com

Ads by Cryz Zahwa
Warnet Petruk | Jl. Karangbolong - Buayan
Gratis 1 Jam khusus buat Pelajar tiap Jum'at
Warnet Petruk

PADAMU NYAI
Daftar nama-nama dari Padamu Nyai
padamunyai.blogspot.co.id

Wallpaper Amazing
Koleksi Wallpaper HD dan Gambar Aneh
www.kecampuran.blogspot.co.id

Ads by Cryz Zahwa

Subscribe to receive free email updates:

1 Response to "Buku Tamu Melayang (Script Buku Tamu Melayang)"

  1. mantabs gan. blogs full flash template klik disini http://20-20-2020.blogspot.com/

    ReplyDelete

Komentar anda adalah saran buat saya!
Silahkan anda berkomentar, saya akan mengunjungi web Anda!