Cara Membuat Like Fanspage Facebook ke dalam Blog Secara simpel/auto hide

Hey sobat Dapat Pengetahuan (DP) saya ingin memberi tahu gimana caranya membuat fanspage auto hide di blog anda. Memang sekarang Tidak bisa di pungkiri bahwa facebook adalah sarana paling efektif untuk usaha online, mencari pembaca blog, dan lain-lain.
Berikut Ini Ikuti Langkah-langkah dibawah ya :

1.Pertama-tama silahkan sobat login ke blog sobat.

2.Pada Menu tab klick Rancangan ➮ Edit HTML
3.Pada kotak Edit Template cari kode </head> jika ingin lebih cepat mencarinya sobat pencet CTRL+F

4.Jika sudah ketemu sekarang letakkan kode berikut tepat di atas kode tadi

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

5.Sekarang simpan template.
6.Sekarang kembali klick Rancangan ➮ Tambah Gadget ➮ Pilih HTML/Java Script.
7.Copy kode script berikut dan letakkan di dalam Gadget kotak HTML/Java Script tadi,

<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".likebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.likebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left top transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:44%;}
.likebox div{border:none;position:relative;display:block;}
.likebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;}
.likebox span a{color: gray;text-decoration:none;}
.likebox span a:hover{text-decoration:underline;}
</style>
<div class="likebox" style="">
    <div>
 <iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/dekrif&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span><b><a target="_blank" href="http://otowebsite.blogspot.com/2012/04/cara-membuat-facebook-like-auto-hide-di.html">Get this widget</a></b></span>
    </div>
</div>

Keterangan: ganti warna merah dengan url/alamat fans page sobat.
8.Simpan, dan lihat hasilnya!

Gimana mudah bukan? okelah sob sekian dulu untuk articles/postingan kali ini, semoga bermanfaat.

heating Smile Code :

         :)  :(  ;)  :D  ;;-)  :-/  :x  :P  :-*  =((  :-O  X( :7  B-)  :-S  #:-S  7:)  :((  :))  :|  /:)  =)) O:-)  :-B  =;  :-c  :)]  ~X(  :-h  :-t  8-7  I-)  8-|  L-)  :-a  :-$  [-(  :O)  8-}  2:-P  (:|  =P~  :-?  #-o  =D7  :-SS  @-)  :^o  :-w  7:P  2):) X_X  :!!  \m/  :-q  :-bd  ^#(^  :ar!s

Terima Kasih Semoga Artikel Ini Membantu Anda