gravatar

Cara agar widget Followers/pengikut melayang

Dengan letak widget Followers di bagian pojok blogmu dan akan selalu berada di pojok  walau

halaman yang ada di blogmu di-scroll atau digulung, widget followersmu akan terus berada di tempat, tepatnya di bagian pojok blog. Dengan

begitu widget ini lebih sering

dilihat, maka semakin besar pula peluang pengunjung blogmu untuk ikut

blogmu


Mau liat DEMOnya ? >klikhere<
Silahkan Bero ikuti Tutornya xD Langsung ke TKP





Langkah1


1. Buku Google Friend Connect milikmu, klik ajah >>
Bukan disini xD


2.  Pilih Gadget yang bernama "Tambahkan Gadget Anggota"



3.  atur-atur deh, dan ambil kodenya ! paste kan dulu ke notepad biar gk ilang xD







Langkah 2


1. Masuk ke akun bloggermu


2. Lalu pergi ke Rancangan > Elemen laman > Add a Gadget > HTML/Javascript 


3. Copas Script di bawah ini !






<style type="text/css">



#gb{



position:fixed;



top:50px;



z-index:+1000;



}



* html #gb{position:relative;}



.gbtab{



height:350px;



width:30px;



float:left;



cursor:pointer;



background:url('http://i36.tinypic.com/bi1n44.jpg') 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">









Kode Widget Follower Anda Disini









<script type="text/javascript">



var gb = document.getElementById("gb");



gb.style.right = (30-gb.offsetWidth).toString() + "px";



</script></div></div>













4. Ganti tulisan warna merah sama kode widget yang tadi km dapet dari Mbah !


5. Simpan dan liat hasilnya !


Mudahkan xD






Dayz   SEMOGA tidak BERHASIL xD


Music

gak usah liatin gue, cuekin aja..