Cara Membuat Facebook Like dan Google Follow Auto-Hide pada Blog Anda

Berikut langkah-langkahnya:
1. Login dahulu pada blog anda
2. Cari kode widget Google Follownya "disini", lihat gambar:

    -Pilih blog yang akan dipasang widget follownya
    -Klik "Tambahkan gadget anggota"
    -Silahkan atur ukuran, warna dll
    -Klik "Buat kode" 
    -Copy kodenya


3. Pilih "Tata Letak => Tambah Gadget => HTML/JavaScript", copy dan pastekan kode berikut ke bagian konten, tapi jangan disimpan dahulu:




<style type="text/css">
#fl{
position:fixed;
left:150px;
z-index:+1000;
}
* html #fl{position:relative;}
.flcontent{
float:left;
border:2px solid #676767;
background:#FFFFFF 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 Facebook Like Disini


Kode Google Follow Disini


<div style="text-align: left;">
<a href="javascript:showHideFL()">
[Close]
</a></div>
<font size="2"><a href="http://nurrohmattriatmojo.blogspot.com/2012/02/cara-membuat-facebook-like-dan-google.html"target=_blank"><div style="color: #444444;">
<span >By NT</span></div></a></font>
</div>
</div>
<script type="text/javascript">
var fl = document.getElementById("fl");
fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";
</script>


4. Lagi, pilih "Tata Letak => Tambah Gadget => HTML/JavaScript", copy dan pastekan kode berikut ke bagian konten, lalu simpan:


<a href="javascript:showHideFL()"/><img border="0" src="http://img580.imageshack.us/img580/613/googlevsfacebook.jpg" alt="Fivers" title="Click to Follow and Like" style="display:scroll;position: fixed; top:150px;right: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. Buat dahulu Facebook Fans Page blog anda "disini", jika sudah lewati langkah ini
6. Buka situs "ini", pastekan url Facebook Fans Page pada bagian "Facebook Page URL (?)"
7. Klik "Get Code"
8. Pada Dasbor, pilih "Rancangan => Edit HTML", cari kode </body> dan cantumkan JavaScript SDK pada Get Code Facebook Fans Page tadi setelah kode </body>, dan simpan
9. Lalu copy dan pastekan kode Facebook Fans Page yang ada dibawah kotak JavaScript SDK pada Get Code tadi pada tulisan "Kode Facebook Like Disini" pada bagian kode javascript yang ada diatas tadi
10. Simpan


Semoga bermanfaat....