Cara Membuat Widget Fanpage Facebook yang Tersembunyi di tepi blog

Image from OhBest Fanspage

Bagi blogger yang mempunyai fanpage facebook sendiri biasanya meletakkan hal tersebut di bilah kiri atau kanan, tapi kali ini saya ingin memberi kode tetang hal tersebut tapi di letakkan pada tepi layar komputer anda dan akan muncul apabila cursor di arahkan ke gambar tersebut.

Tutorial sembunyikan Fb fan page adalah seperti di bawah.

Langkah A:

1. Dari dashboard >>> design >>> edit HTML
 
2. Menggunakan fungsi find, (ctrl + F), cari kode </head>
 
3. 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'/>

contoh:


Catatan: Jika anda dapati kode di atas sudah ada sebelum anda copy paste, abaikan langkah A, lngsung saja ke langkah B

4. Jika sudah selesai save template bro oke,

lanjut ke langkah B, simak naik-baik ya bro



Langkah B:

1. Dari dashboard > design > page element > add a gadget > HTML/javascript
2. Copy dan paste kod di bawah dalam ruangan HTML/javascript yang anda telah buka

<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&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://pangeran-tinta.blogspot.com/2013/11/cara-membuat-widget-fanpage-facebook.html">Tutorial Here</a></span></div></div>

Catatan : Gantikan "URL PAGE" dengan URL alamat fanspage facebook anda, contoh url page: http://facebook.com/pangerantinta
3. Save dan lihat hasilnya.:)