√ Cara Menciptakan Like Box Facebook Page Di Samping Blog

Banyak cara yang dilakukan untuk menciptakan tampilan Facebook Fan Page jadi lebih menarik, salah satunya dengan menampilkan Fan Page tersembunyi pada samping blog Anda. Tapi sebelumnya bila Anda belum mempunyai Facebook Fan Page, simak terlebih dahulu cara menciptakan like box facebook page pada blog.

Jika Anda sudah mempunyai Facebook Page, pribadi saja ikuti langkah berikutnya cara menciptakan like box facebook page di samping blog berikut ini :

1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > letakkan kursor pada area instruksi HTML.
3. Cari instruksi </head> dengan memakai Ctrl + F.
4. Letakkan instruksi berikut diatas instruksi </head>

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

NB: Jika instruksi tersebut sudah ada pada template Anda, lanjutkan langkah selanjutnya.
5. Simpan template.

Kemudian kita lanjutkan ke langkah selanjutnya ialah memasang facebook page pada samping blog :

1. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
2. Copy instruksi berikut ini pada HTML/JavaScript.

<script type="text/j4vascript">
//<!--
$(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 FACEBOOK 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="aciknadzirah.blogspot.com/">.: Pasang Widget :.</a></span></div></div>

Keterangan :
Ganti goresan pena yang berwarna biru dengan URL Facebook Page Anda.
3. Simpan.

Nah, sekarang tampilan widget blog Anda jadi lebih bervariasi dengan adanya facebook page tersembunyi disamping blog.
Sumber http://id-pemula.blogspot.com