Tutorial Hide Widget Follow

Langkah-langkah hide widget follow :

1. Sign blog anda

2. Klik Design.

3. Klik Add a Gadget.

4. Klik HTML / Javascript.

5. Copy kod dibawah ini, paste pada kotak HTML / Javascript.

<style type="text/css">

#fl{

position:fixed;

left:0px;

z-index:+1000;

}

* html #fl{position:relative;}

.flcontent{

float:left;

border:2px solid #676767;

background:url(http://lh3.ggpht.com/_yF0--u7KSSI/TKIlkEJwkEI/AAAAAAAAAtg/uFf3eLsXlyg/fire2.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">

Kode Widget Follow Disini

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

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

[Close]

</a></div>

<font size="2"><a href=" http://mrul-tips.blogspot.com"target=_blank"><div style="color: #444444;">

<span >By En Hisyam</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://i1231.photobucket.com/albums/ee512/syamrul88/th_under1.png" alt="Fivers" title=" Follow" style="display:scroll;position: fixed; top:50px;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>

6. Untuk dapatkan kod follow anda.. klik cini.

Nota : Teks warana merah. kod widget follow dan teks warna kuning Url image.