cara membuat follower yang unik pada blog

hai sobat kali ini saya akan membahas tentang cara membuat follower yang unik pada blog....lebih tepatnya melayang,,tetapi intinya uniklah..
jika sobat ingin membuat follower yang unik pada blog,,beginilah caranya..
cekidot....
pertama:
1. Silahkan surfing ke akun Google Friend Connect milik anda (usahakan anda dalam keadaan online/login akun Google atau Blogger anda)
2. Selanjutnya anda akan dibawa ke halaman utama akun Google friend connect milik anda. Perhatikanlah nama-nama blog anda di bagian kiri (untuk poin yang ini khusus bagi anda yang memiliki blog lebih dari satu dalam satu akun Blogger, bagi anda yang hanya memiki satu blog - silahkan langsung ke poin "tiga") => Pilihlah blog mana yang hendak anda pasang widget Followers-nya.
3. Pilih Gadget yang bernama "Tambahkan Gadget Anggota"

4. Maka anda akan dibawa ke halaman pengambilan kode script "Widget Followers". Di halaman ini anda bisa mengatur berapa lebar widget followers anda nantinya, lalu berapa jumlah sederetan wajah followers anda, juga bisa mengatur warna tampilan widget followers anda (background, garis tepi, dll). Sebagai catatan: Usahakan lebar widget anda benar-benar cocok dengan bagian pojok blog anda, ini bertujuan agar tampilan blog anda terlihat lebih bagus
5. Seusai pengaturan dan anda merasa ukuran widget yang telah anda setting sudah benar-benar cocok dengan ukuran pojok template blog anda, maka segeralah untuk mengambil kode scriptnya dengan cara mengklik tombol "Buat Kode"

6. lalu copas kode tersebut.
kedua :
masuk pada blog sobat,lalu ke RANCANGAN,terus TAMBAH GADGET,dan pilih HTML/JAVA SCRIPT,,,,lalu copas kode berikut :

kode html:

<style type="text/css">
#fl{
position:fixed;
right:190px;
z-index:+1000;
}
* html #fl{position:relative;}

.fltab{
height:32px;
width:270px;
float:top;
cursor:pointer;
background:url(#) no-repeat;
}
.flcontent{
float:right;
border:2px solid #676767;
background:url()#F90 repeat-x bottom center scroll;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideFL(){
var fl = document.getElementById("fl");
var w = fl.offsetWidth;
fl.opened ? moveFL(0, -100-w) : moveFL(20-w, 0);
fl.opened = !fl.opened;
}
function moveFL(x0, xf){
var fl = document.getElementById("fl");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
fl.style.bottom = x.toString() + "px";
if(x0!=xf){setTimeout("moveFL("+x+", "+xf+")", 10);}
}
</script>
<div id="fl">
<div class="fltab" onclick="showHideFL()"> </div>
<div class="flcontent">


LETAKAN DISINI KODE SCRIPT WIDGET FOLLOWERS YANG TELAH ANDA AMBIL DI GOOGLE FRIEND CONNECT TADI!


<div style="text-align: right;">

<a href="javascript:showHideFL()">
[Tutup]
</a></div>
<span ><a href="http://www.oktri.co.cc/2011/04/cara-menyembunyikan-widget-follow.html"><div style="color: rgb(68, 68, 68);">
<span style="font-size:xx-small;">Get This Gadget</span></div></a></span>
</div>
</div>
<script type="text/javascript"><br />var fl = document.getElementById("fl");<br />fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";<br /></script>

Setelah itu,bUka rancangan - edit Html.cari code dengan cara tekan Ctrl + F, copy paste kode di atas

html:

<a href='javascript:showHideFL()' style='display:scroll;position: fixed; bottom:65px;left:5px;' title='Follow'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9nhnohK3tu8x74ocyAo6I1yQ8vqghBEBKXqsfKrVFByrubdXvzk1KdmVJZKgCv0cRJANzninm2umlcxjDra-UaIJBU4FBFYvRew-RC0nQAQt2hqRcmTAOmzzy0T6jPt063ceQV8t3Ekg/s1600/FOLLOWERS-LOGO-.jpg'/></a>

jika anda ingin mengganti tombol followernya ganti teks berwarna merah,dengan gambar keinginan anda.
OK,SELAMAT MENCOBA...