Modifikasi Follower Blogger Tersembunyi

Follower atau pengikut blog adalah Untuk mengetahui seberapa banyak teman2 blog yang follow kepada blog kita, sebaiknya memasang Follower pada blog. Untuk menyimpelkan follower itu maka saya akan memberikan kode buku tamu tersembunyi dibagian blog. Langkah-langkahnya berikut:

Cara yang digunakan kali ini sama dengan postingan yang lalu tentang Memasang Buku Tamu Tersembunyi pada Blog, hanya sajakode yang dimasukkan pada script dibawah ini.

Langkah I

Kunjungi Google Friend Connect untuk mendapatkan script kode widget follower anda;

Anda akan dibawa ke halaman utama situs Google Friend Connect;

Klik Tambahkan Gadget Anggota;

Atur ukuran dan warna widget follower anda.

Untuk menyesuaikan dengan template anda, kosongkan saja semua pengaturan warna, seperti gambar berikut :

Klik Generate code. Maka anda akan diberi script kode kotak follower anda.

Copy kode script yang sudah diberikan.

Langkah II

Masuk ke Account Blogger kamu, pilih Layout;

Kemudian Page Elements;

Klik Add a Gadget;

Kemudian pilih HTML/JavaScript;

Copy-paste kode di bawah ini:

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0D49gLGAnL_byF1K3PCSZ0KlL6Wq-zpLhxW5Uplsv03SH20Go3ND_fqMjxQ7DkLVxiuKnz3HQYhHH7Ep4Ab9J8Dk8goZEtUQVlKH30UCnQ4R0e25cTT2rTNjlFNrqq8VBrCmSFyR4b3Q/s200/Follow.png) 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">



<br/>
<br/>
<a href="http://kang-onk.blogspot.com/">.
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>