Cara Pasang Widget Followers Keren Blogger

Silahkan sobat edit terlebih dahulu tampilan followers sobat dihttp://www.google.com/friendconnect jika sudah mengklik , Silahkan klik nama blog sobat >> klik Tambahkan gadget anggota , Disitu terdapat tiga pilihan yang harus sobat edit ( Pilih ukuran gadget , Pilih warna , Buat kode HTML ) jika sudah di edit jangan lupa klik Buat kode , karena kode tersebut nanti akan di gunakan untuk followers keren ini , Silahkan Copy Paste dahulu ke notepad kode yang baru saja sobat buat di google friend conect tersebut

Kemudian silahkan sobat Copy Paste script di bawah ini ke blog sobat

<style type="text/css">

#fl{

position:fixed;

left:150px;

z-index:+1000;

}

* html #fl{position:relative;}

.flcontent{

float:left;

border:2px solid #676767;

background:url(http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/tes_21476.gif)#000000 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">

<form style="border: 1px solid #ccc; box-shadow: 4px 5px 4px #999; -moz-box-shadow: 4px 5px 4px #999; -webkit-box-shadow: 4px 5px 4px #999; padding: 3px; text-align: center;">

SILAHKAN PASTE SCRIPT YANG TELAH SOBAT BUAT TADI DI GOOGLE FRIEND CONECT DISINI

</form>

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

<a href="javascript:showHideFL()">

[Close]

</a></div>

<font size="2"><a href="http://variasiblogger.blogspot.com/2011/12/followers-keren-blog.html"target=_blank"><div style="color: #444444;">

<span >By Variasi Blogger</span></div></a></font>

</div>

</div>

<script type="text/javascript">

var fl = document.getElementById("fl");

fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";

</script>

<a href="javascript:showHideFL()"/><img border="0" src="http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/Follow-.png" alt="kode" title="Klik untuk Follow" style="display:scroll;position: fixed; top:150px;left:0px;cursor:pointer;style=" opacity:1;filter:alpha(opacity="100)&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" ;" height="130px" width="40px" /></a>

Silahkan sobat ganti teks yang berwarna merah dengan kode script google friend conect yang sobat simpan di notepad

Untuk penyimpanan kode script di atas dengan cara silahkan log in terlebih dahulu di blog sobat >> klik Rancangan >> klik ADD Gadget >> klik Html/Javascript , kemudian paste script di atas , simpan dan lihat hasilnya semoga bermanfaat