Minggu, 26 Februari 2012

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

Tidak ada komentar: