membuat widget follower tersembunyi

agar blog kita terlihat menarik dan tampak rapi ada baiknya sobat pasang widget ini..

untuk membuatnya ternyata gak sulit kok sob...
ikutin langkah langkah berikut ini

1 login ke akun blog sobat tentunya

2 pilih rancangan lalu klik elemen laman

3 pilih tambah gadget

4 pilih html java script

5 masukkan code dibawah 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">


masukkan Kode Widget Follower sobat Disini


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

keterangan
untuk mengetahui kode html followe sobat silahkan klik disini
setelah mendapatkan kode html tersebut silahkan masukkan kode tadi pada tulisan yang berwarna merah

setelah itu klik simpan dan sobat bisa lihat hasilnya