0 Cara Membuat Facebook Like Box Sexy - V3

Facebook memainkan peran paling penting dalam meningkatkan lalu lintas di blog. Anda akan melihat kotak facebook seperti  pada blog.sebelumnya sekarang saya posting pop up widget untuk facebook seperti kotak dengan latar belakang image.saya memberikan  facebook like box widgets. yang dibuat oleh Nitin Mehta - Jadi saya banyak terima kasih kepadanya yang mau berbagi kepada blogger lainnya.


Berikut adalah tiga langkah untuk menambahkan pop up seperti kotak Jquery ke blog Anda

Langkah 1 - Menambahkan plugin Jquery
(Catatan - Abaikan langkah ini jika Anda telah menambahkan plugin Jquery)

Langsung ke Blogger Dashoard> Desain> Edit HTML. 
Cari kode </ head> dan tambahkan kode di bawah ini sebelum itu. 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'>
</script>

Langkah 2-Menambahkan The Script 

Pergi ke Blogger Dashoard> Desain> Edit HTML. 
Cari </ head> tag dan tambahkan kode di bawah ini sebelum / di atasnya. 

<script src="https://gj37765.googlecode.com/svn/trunk/html/[www.gj37765.
blogspot.com]jquery.colorbox-min.js"></script> <link rel="stylesheet" href="https://gj37765.googlecode.com/
svn/trunk/html/%5Bwww.gj37765.blogspot.com%5Dfbpopup.css" type="text/css" /> <script type="text/javascript"> jQuery(document).ready(function(){ if (document.cookie.indexOf('visited=flase') == -1) { var fifteenDays = 1000*60*60*24*30; var expires = new Date((new Date()).valueOf() fifteenDays); document.cookie = "visited=true;expires=" expires.toUTCString(); $.colorbox({width:"600px", inline:true, href:"#mdfb"}); } }); </script>

Langkah 3 - Menambahkan HTML.

Sekarang ke Edit Tata Letak> Tambah Gadget A> HTML / JavaScript
Paste kode di bawah ini dan simpan

<div style='display:none'> <div id='mdfb' style='padding:10px; background:#000;'> <center> <table align="center" background="http://4.bp.blogspot.com/-1jHU--_
SEOg/Tx0a68EkOWI/AAAAAAAACdc/bzFCJ3SLibQ/s1600/md123.JPG" border="0"
style="width: 465px; height: 300px; "><tbody> <tr><td height="330" width="465"> <div align="left"> <script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/
FeatureLoader.js.php" type="text/javascript"></script> <script type="text/javascript">FB.init("32eb3732082b27e7c314feb421a56208");
</script> <fb:fan profile_id="153138708123803" connections="10" width="330"
height="300" css="https://gj37765.googlecode.com/svn/trunk/html/mddemo/
[www.gj37765.blogspot.com]fblikeboxwithbgimg.css?"></fb:fan> </div></td></tr></tbody></table></center> <p style=" float:right; margin-right:35px; font-size:9px;" >Powered By
<a style=" font-size:9px; color:#3B78CD; text-decoration:none;
" href="http://www.btsnts.blogspot.com">Blogger Widgets</a></p> </div></div>

Ganti 153138708123803 dengan ID username profile anda.
Itu saja.