-->

Cara Membuat Widget Melayang Floating Blogger

Cara Membuat Widget Melayang Floating Blogger - adalah widget yang biasa digunakan untuk membuat buku tamu buku tamu (shoutmix atau cbox) widget seperti ini juga bisa digunakan untuk membuat statistik blog dll atau bisa untuk membuat menu melayang juga dengan cara mengkombunasikannya dengan navbar.widget ini punya kelebuhan bisa disembunyikan dengan system buka tutup jadi sangat menghemat tempat Blogger apalagi jika anda hanya menggunakan template 1 colom yang tidak punya banyak tempat maka widget inilah solisinya.

Cara membuatnya adalah sebagai berikut :
1.login ke dashboard blogger anda.
2.Pilih Rancangan > Elemen Laman > Add/tambah gadget (HTML/JavaScript).
3. Copas kode script dibawah lalu pastekan pada gadget,kemudian masukkan kode script di bagian yang sitandai dengan warna biru

<style type="text/css"> #gb{ position:fixed; top:20px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:150px; width:30px; float:left; cursor:pointer; background:url('http://i466.photobucket.com/albums/rr22/wong284/GuestBook.png') no-repeat; } .gbcontent{ float:left; border:2px solid #FFFFFF; background:#F367F5; 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"> Letakkan kode Shoutmix anda disini <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script></div></div>

4.Pratinjau dulu untuk lihat hasilnya keren apa tidak.
5.kalo sudah Simpan/Save gadgetnya.
anda huga bisa mengunah ukuran dan letaknya dengan cara mengotak-atik/mengganti bafian position fixednya...silahkan otak atik sendiri sesuai keinginan anda.

Cara Membuat Widget Melayang Floating Blogger