cara memasang follower hide/show pada blog

 sesuai request sobat saya akan memberi tahu bagai mana cara membuat follwer hide/show
cara pertama adalah
 COPAS code berikut ini kedalam gatgest kalian

<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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYIZevkC9XgGijA3T08aJdHyDcmAB-x6Kq4L1AaP40typNNgJRzbAMCqubJAeJKejVrf0K0YRNUkJ90anbi37vzoGlF6KuBR5ZkHmnZT0IODEf1YtNJAalTtfGO1yK0nv0OpUK6kN518eP/)#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()">
[Tutup]
</a></div>
<font size="2"><a href="http://kode-blogger.blogspot.com/2011/04/membuat-show-hide-widget-followers.html"target=_blank"><div style="color: #444444;">
<span >By kode-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>

untuk mendapatkan widget follwer kamu dapat lihat postingan saya sebelumnya
dan untuk selanjutnya pemasangan button COPAS Code berikut dibawah code yang diatas

<a href="javascript:showHideFL()"><img ;="" alt="kode" border="0" height="130px" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" opacity:1;filter:alpha(opacity="100)&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizpjnuT590FmI0x_H5FsjrlkeFY5MgxtfvV4kZs6cTG9do7pRYJVdrLHRRO6EVW6hCGu5ijG2oVZoTDjgTXl6xqHjbgTK-n4hhM217j0EVZ1D_sXkpWfBm43YlNwPATGFXzYwFquU7lo-o//" style="cursor: pointer; position: fixed; right: 0px; top: 150px;" title="Klik untuk membuka kotak Follow" width="40px" /></a>

Note:
untuk DEMO bisa kamu lihat di blog saya..:)
untuk code yang paling atas dapat kita rubah  sesuai posisi yang kita mau

position:fixed;
left:150px;
z-index:+1000;

 bisa kita ganti dengan posisi yang kamu inginkan dapat baca disini

dan untuk
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYIZevkC9XgGijA3T08aJdHyDcmAB-x6Kq4L1AaP40typNNgJRzbAMCqubJAeJKejVrf0K0YRNUkJ90anbi37vzoGlF6KuBR5ZkHmnZT0IODEf1YtNJAalTtfGO1yK0nv0OpUK6kN518eP/)#000000 repeat-x bottom center scroll;

adalah background dapat kamu ganti sesuai selera

dan yang terakhir yang saya kasi warna kuning  adalah gambar buttonnya dapat kamu ganti dengan tombol button mu sendiri

Sekian dari saya apabila kekurangan harap di komentari, supaya saya dapat membenahinya

BUKU TAMU DISINI



Sumber :http://kode-blogger.blogspot.com/

Share on Google Plus

About Budi Setiawan

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.