Cara membuat Follow tersembunyi di blog

Cara ini sudah tidak asing lagi kan? ? tapi dengan cara mengulas kembali ilmu-ya mungkin saja bisa mengingatkan para blogger sama postingan yang saya buat ini. Ayuuuh kita langsung aza ke pokok pembahasan.

1. Untuk  membuatnya, lakukan  langkah dibawah ini:
2. Pertama kali sebaiknya anda login dengan akun blogger anda.
3. Lalu buka Google Friend Connect untuk mendapatkan script kode widget follower anda.
4. Maka anda akan dibawa ke halaman utama situs google friend connect.
5. lalu pilih blog anda di sidebar sebelah kiri. kemudian klik tambahkan gadget anggota.
6. Atur ukuran dan warna widget follower anda. untuk membuatnya transparan, kosongkan saja semua pengaturan warna.
   Klik Buat kode. Maka anda akan di berikan script kode widget follower anda.
   Buka tab baru pada browser anda.
7. kemudian masuk ke dasbor blogger anda, buka Rancangan > Elemen laman > Add a Gadget > HTML/Javascript
8. Masukkan kode di bawah ini kedalam kolom tersebut:

<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 kalian Disini

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

replace tulisan yang berwarna merah dengan kode widget follower kalian.
Simpan gadget, maka widget follower kalian sudah terpasang dengan melayang. 

Good Luck.

Baca Juga Yang Lainnya