Home » » Membuat Widget Buku Tamu Melayang

Membuat Widget Buku Tamu Melayang

Di tulis oleh Ifan Prabowo pada Monday, March 26, 2012 | 10:44 PM

Cara membuat widget buku tamu melayang itu mudah sobat. Selain itu bisa menghemat tempat.
langsung aja deh berikut caranya :

1. Jika sobat belum memiliki shoutbox. Silahkan dapatkan di CBOX.com atau FIBOX.com.
2. Setelah sobat mendapatkan kode HTML, kini sobat tinggal masukan ke :

<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:150px; width:30px; float:left; cursor:pointer; background:url('http://2.bp.blogspot.com/-wDklv9sdKVk/T0IXpTYoMKI/AAAAAAAAAmY/Udy3TaKjC24/s1600/bukutamu.png') no-repeat; } .gbcontent{ float:left; border:1px solid #B3B3B3; background:#E6E6E6; padding:5px; } </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">
Copy Paste kode cbox / fibox disini 
br/>Mau buat buku tamu ini ?<br/>Klik <a href="http://mahasiswalugu.blogspot.com/2012/03/membuat-widget-buku-tamu-melayang.html"target="_blank"> di sini </a> <div style="text-align:right"> <a href="javascript:showHideGB()"> [hide] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>

3. Masuk ke BLOGGER.com >> Tambah Gadget >> HTML/ Java Script >> Copy kan kode di atas lalu klik save .
4. Lihat hasilnya di blog sobat.
Share this article :
Baca Juga Yang Ini !!

Dapatkan artikel terbaru dari " Mahasiswa Lugu ".

Masukan Email anda disini :


6 comments:

  1. wahh manteb nih sob,
    kayanya berbeda sama script buku tamu saya..

    thanks udah share...

    ReplyDelete
  2. makasih sekali informasinya sangat membantu untuk yang masih belum memasang, nice share

    ReplyDelete
  3. Bagus sekali artikelnya...salam kenal Gan, Trims

    ReplyDelete
    Replies
    1. iya bang salam kenal juga, saya mash butuh bimbingan dr para master nih...

      Delete

:: MAHASISWA LUGU ::
Just share and save my story

 
Support : Maskolis | RMC | Naeza
Copyright © 2012. Mahasiswa Lugu - All Rights Reserved
Webmaster by Ifan Prabowo