Cara Memasang Show-Hide Widget Follower

Hallooo sobat blogger, sehat selalu kan, tadi saya mampir ke blog teman kayanya ada yang beda dari followersnya di pinggir dengan Show-Hide, pasti sobat semuanya sudah pada tau nih.. mungkin yang belum tau mari ikuti langkah2nya yaa.. yuu mari....

Cara Memasang Show-Hide Widget Follower :
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML di bawah ini :

<style type="text/css">
 #fl{ position:fixed;
 left:150px;
 z-index:+1000;}
 * html #fl{position:relative;}
 .flcontent{ float:left;
 border:2px solid #808080;
background:#AAAAAA;;
transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-border-radius: 0 5px 5px 0;
-icab-border-radius: 0 5px 5px 0;
-khtml-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
-o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-icab-box-shadow: 2px 2px 5px  rgba(0, 0, 0, 0.5);
-khtml-box-shadow: 2px 2px 5px  rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 5px  rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 2px 2px 5px  rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 5px  rgba(0, 0, 0, 0.5);
-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">


    <span style="color: red;">KODE WIDGET FOLLOW KAMU DISINI</span>


    <div style="text-align: right;">
    <a href="javascript:showHideFL()">
    [Tutup]
    </a></div>
    <font size="2">
<a href="http://fahmi-artcolection.blogspot.com/2012/02/cara-memasang-show-hide-widget-follower.html" target=_blank">
<div style="color: #444444;">
    <span >By Art-Collection</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 src="http://i1182.photobucket.com/albums/x441/Fahmi_Maulana/Follower.png"
alt="follower" title="Klik untuk membuka kotak Follow" style="display:scroll;position:
fixed; top:250px;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> 


5. Ganti Tulisan KODE WIDGET FOLLOW KAMU DISINI dengan kode widget follow sobat.
6  Simpan Dan selesai deh..

Selamat Mencoba yaa..

^_^

Ditulis Oleh : Fortynyr Blog's™ ~ Tutorial Blogger,Tips,Trik Computer,Share dan SEO

Artikel Cara Memasang Show-Hide Widget Follower Semoga bermanfaat bagi sobat blog. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar dan Jangan lupa follow, Like. | Sertakan Link Sumber Bila Copy Paste