Cara Buat Fan Page Facebook Auto Hide

Cara Buat Fan Page Facebook Auto Hide - Cara Membuat Fan Page Facebook Auto Hide - pada kali ini saya akan memberikan Cara Membuat Fan Page Facebook Auto Hide,untuk tampilan Fan Page sepertinya lumayan bagus...Untuk melihat Widget Fan Page Auto Hide bisa anda lihat gambarnya di samping kanan Atau bisa anda lihat demonya di sini http://info-telat.blogspot.com/

Ok sudah lihat demonya kan ? Kita langsung aja melihat Tutorial/Cara membuatnya :

Cara Pertama !
  1.Masuk ke akun blogger anda
  2.Klik menu Template
  3.Lalu pilih Edit HTML
  4.Cari kode </head>
  5.Copykan kode di bawah ini lalu taruh di atas </head>

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

  6.Simpan

 Cara Kedua

   1.Klik menu Tata Letak
   2.Klik Tambah Gadget
   3.Lalu klik HTML/Javascript

<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=https://www.facebook.com/pages/Alfadlys-Blog/269230156527723&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><a href="http://alfadlys.blogspot.com/">Cara Buat !</a></span></div></div>

   4.Simpan dan Lihat Hasilnya !!!

Keterangan :
Ganti kode yang berwarna biru dengan kode fan page anda !