cara membuat like facebook disamping blog

Apakah agan ingin membuat tampilan like facebook seperti Dibawah ini.....

Langsung aja kita ke TKP

Syarat anda membuat like facebook pada blog, anda harus mempunyai akun halaman pada facebook

Tahap Pertama :

• Pertama silahkan  login pada akun blog  anda
• Kedua masuk pada Dasbor/Rancangan - pilih Template - klik Edit HTML *jangan lupa centang expand template widgate
• Ketiga cari kode </head> *gunakan ctrl+f untuk mempermudah
• Keempat copy kode dibawah ini dan letakan Tepat dibawah Kode /head>

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

• Kelima, setelah Ketika menaruh kode diatas silahkan klik simpan template

Tahap Kedua :

• Silahkan sobat  menuju Tata Letak kemudian pilih tambahkan gadget
• Pilih HTML/Javascript
• Selanjutnya copy kode dibawah ini dan pastekan pada kotak 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="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fk4napor&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://k4ngpoer.blogspot.com/2013/05/cara-membuat-like-facebook-disamping_4395.html">ingin seperti ini</a></span></div></div>

• Selanjutnya klik simpan.
• Selesai, silahkan sobat lihat hasilnya

Keterangan :

• Ganti Tulisan yang berwarna Hijau dengan URL Fage Facebook Sobat
• Kode yang berwarna Biru adalah Lebar dan Tinggi Fans Page Fb, silahkan sobat sesuaikan sendiri sesuka hati.

Nb : 

• Tulisan Warna Hijau anda ambil dari akun halaman facebook anda yang perlu di ingat Get Kode pilih yang iframe Kemuadian Copy Kode iframe sampai tulisan akun facebook anda jangan di copy semua.
• Untuk mencari code tadi syaratnya anda harus sudah mempunyai  akun halaman pada facebook
• Jika anda sudah mempunya halaman pada facebook  masuk ke facebook anda kemuadian masuk kehalaman ini https://developers.facebook.com/docs/reference/plugins/like-box/