Cara Membuat Fans Page Facebook Tersembunyi di Blog

Salam para Blogger. Kali ini saya ingin berbagi Bagi sobat blogger yang mempunyai facebook fans page sendiri, biasa meletakkan fanpage nya di sidebar di blog, terkadang ini memakan tempat dan membuat loading agak lambat. Supaya tidak membuang tempat sidebar sobat, mending Facebook fans page di sembunyikan saja, dan posisinya ada di sidebar juga.


Langsung saja berikut caranya :

Langkah 1:

a. Dari dashboard > design > edit HTML

b. Menggunakan fungsi find, (ctrl + F), cari kod </head>

c. Copy dan paste kode di bawah SEBELUM kode </head>

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


Nota: Jika di template sobat sudah ada kode di atas , abaikan langkah a, pergi terus ke langkah b.
d. Selepas selesai klik Save Template/Simpan


Sebelum lanjut ke langkah berikutnya, bagi Sobat yang belum memiliki akun Funpage Fecebook, Sobat bisa membuatnya disini , Setelah Sobat memiliki akun Funpagenya, kita lanjut ke langkah selanjutnya.

Langkah 2:

a. Dari dashboard > design > page element > add a gadget > HTML/javascript

b. Copy dan paste kode di bawah :

<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 SOBAT&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>

Ket : Ganti "URL PAGE ANDA" yang berwarna hijau  dengan URL Sobat

contoh url page:



d. Save dan lihat hasilnya.  Semoga berhasil...!