Cara Memasang Like Box di samping Blog

Hayy apa kabar sobat fiddy, saya mau share nih cara memasang like box di blog kita . banyak sih cara mempercantik blog kita salah satunya  memasang widget ini. Ok sebelumnya sobat fiddy harus mempunyai Facebook Fan Page terlebih dahulu ya. Nah jika sudah punya Fan Page yuk kita lanjut langkah langkahnya di bawah. .. . . ..






1. Login ke akun blogger sobat fiddy Disini
2. Pilih Template >>> Edit HTML >>> letakkan kursor pada area kode HTML.

3. Cari kode </head> dengan menggunakan Ctrl + F.
4. Letakkan kode berikut diatas kode </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
Note: Jika Kode diatas sudah ada, sobat fiddy boleh lanjut ke langkah berikutnya :)

Langkah memasang Lixe Box
1. Pilih Tata Letak >>> Tambah Gadget >>> HTML/JavaScript.
2. Copy kode berikut ini pada HTML/JavaScript

<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 FACEBOOK PAGE SOBAT&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://fiddy-juga-rusma.blogspot.com/">.: Pasang Widget :.</a></span></div> </div>
Note :
Ganti tulisan URL FACEBOOK PAGE SOBAT dengan URL Facebook Page sobat fiddy.
3. Oke Simpan Widget dan lihat hasilnya . :)

Oke Sekian terimakasih ... semoga bermanfaat