Pasang Widget Followers Buka Tutup (Fade-In Opacity)

<style type="text/css">
#fl{position:fixed;left:150px;z-index:+1000;}
* html #fl{position:relative;}
.flcontent{float:left;border:1px solid #fff;
background:#333;padding:10px;
-moz-border-radius-topleft:25px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:25px;
opacity:0.7;-o-transition:0.8s ease-out;-moz-transition:0.8s ease-out;-webkit-transition:0.8s ease-out;}
.flcontent:hover{opacity:0.9;}
</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()">
<img border="0" title="Click here to Close" src="http://i859.photobucket.com/albums/ab159/yudhizh/ButtonCloseWhite-BlackStroke.png" alt="close"/>
</a></div>
<font size="2"><a href="http://ut2a-down.blogspot.com/"target=_blank"><div style="color:red;">
<span style="font-size: xx-small;">By Utta MOG-MOG</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()' style='display:scroll;position:fixed;top:100px;left:1px;' title='Follow me'><img src='http://i52.tinypic.com/2vn1hxh.png'/></a>

{[['', '']]}