Cara Memasang Fans Page Facebook Tersembunyi Pada Blog

Assalamu 'alaikum War. Wab...

Hai Sob..!! pada tulisan kali ini ane mencoba berbagi ilmu tentang yang ane ketahui yaitu bagaimana cara membuat fans page facebook tersembunyi pada blog...

Nah, biasanya kita banyak menjumpai blog2 teman yang fans page facebooknya kadang tersembunyi di samping kiri atau kanan blognya seperti pada contoh dibawah ini..!

Contoh:

Untuk itu bagi teman2 yang baru mulai belajar nge blog seperti ane, yuk kita ikuti langkah2nya....!!

Lankah Ke I :

1. login ke akun blogger anda
2. Pilih menu Template

3. Klik Pada Tombol Edit HTML

4. Klik Tombol Proses Atau Lanjutkan

5. Jangan Lupa Download Template Lengkap Terlebih dahulu untuk mengantisifasi kesalahan dalan edit HTML (Baca caranya Download dan Upload template lengkap )
   
6. Cari kode </head> (Gunakan Tombol CTRL + F untuk mempermudah pencarian kode)
7. Copy kode dibawah dan letakan datas kode </head>

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

    8.  Sekarang Klik Simpan

Langkah Ke II :

1. Pilih Menu Tata Letak Atau Layout

2. Klik Tambah Gadget atau Add a Gadget

3. Pilih HTML/JavaScript

4. Copy kode berikut :
  

<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=URL PAGE ANDA&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://tutorialuntukblog.blogspot.com/2011/10/tutorial-sembunyikan-fb-fan-page-di.html">Tutorial Here</a></span></div></div>

Keterangan :
Perhatikan Tulisan URL PAGE ANDA ganti Dengan URL Fans Page Facebook anda (Contoh URL Fans Facebook lihat gambar dibawah)

 
5. Sekarang Paste kode diatas pada box HTML/JavaScript yang sudah anda pilih tadi
6. Klik simpanS
7. Selesai dan lihat hasilnya

Demikian Tentang  seputar cara memasang Fans Page Facebook Tersembunyi dan semoga dapat bermanfaat..


Wassalamu 'alaikum War. Wab...