Follow-follow dan follow tak asing dalam dunia Blogger , Kita selalu butuh teman karena dengan banyak teman semakin asik dan semakin semangat tapi dengan syarat kita mesti sering connect dan menyapa teman entah lewat chat box , shoutmix ngasih comment atau sms'an kali ye hehehe..pokoknya saling sharing deeeh...
Nah untuk mempercantik Tampilan Widget Follower ...ah kayaknya kurang asik kalau temen disebut Follower,,Begini aja deh Tampilan Widget Sahabat kita, Bagaimana kalau dibikin Melayang dengan menggunakan tombol Show Hide ntuh seperti contoh digambar...N Demonya coba KLik Tombol Follow disamping
<style type="text/css">
#gb{
position:fixed;
left:150px;
z-index:+1000;
}
#tabGb {
position:fixed;left:0px;bottom:50px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollright+ document.documentElement.clientWidth - offsetWidth); }
* html #gb{position:relative;}
.gbcontent{
float:left;
border:3px outset red;
background:#000000;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
padding:5px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 1500-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbcontent">
<center><a href="javascript:void(0);" onclick="showHideGB()"><input type="button" value="Close" class="close" /></a>
</center></div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.top = (-400-gb.offsetWidth).toString() + "px";
</script>
<div id="tabGb"><a href="javascript:void(0);" onclick="showHideGB()" title="folow me and i will follow u"><img alt="Follow" heigth="125" src="http://i1206.photobucket.com/albums/bb455/binkbenk/th_Follow.png" border="0" /></a></div>