Cara Membuat Auto Hide FansPage Di blog

Halo Sobat Danny Waskito99 :) ketemu lagi dengan saya :D .tadi kan sudah posting cara membuat Daftar isi keren. nah pada postingan kali ini saya akan share tutorial lagi nih namanya "Cara Membuat Auto Hide FansPage Di blog"

mau tahu caranya ? langsung saja ke TKP !

1 .Login akun blogger sobat
2 Ke dashboard -  pilih template - Edit HTML
Jangan Lupa Centang Expand Template Widget

Cari Kode </head> untuk cara cepat mencari kodenya sobat silahkan tekan CTRL+F pada keyboard
kalau sudah ketemu copy paste script di bawah ini dah letakan di atas kode </head> :

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
Kalau sudah simpan Template

Selanjutnya ke Tata Letak- Tambah Widget - pilih HTML/Java Script
Copy paste Script di bawah ini :

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Danny-Waskito99/255234314557620?ref=hl8&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span></span></div></div>

Nb : Ganti Tulisan warna merah dengan URL Fanspage Blog sobat
Klik simpan maka akan menjadi seperti ini :

Mudah dan simpel kan ?

Selamat Mencoba :)