Facebook LikeBox FBfan Pro

 

Assalamu'alaikum, kawan kali ini saya akan share sebuah plugin Facebook Likebox FBFan Pro. Plugin ini menggunakan JQuery untuk menjalankannya atau disingkat dengan JS, plugin Facebook Likebox FBFan Pro ini mempunyai beberapa kelebihan dengan facebook like box popup lainnya, popup ini selain mempunyai tombol untuk menutup popup tersebut, tapi juga mempunyai waktu yang bisa diatur berapa lama tampil, jadi bisa otomatis menutup, trik ini saya ambil dari dari KakiHeboh blogger Malaysia, dan kelebihan lainnya adalah plugin ini tidak berat alias ringan proses loading pada blog, dan plugin ini bukan hanya bisa dipasang pada blogger saja tapi untuk wordpress juga bisa, nanti saya terangkan dibawah, selamat membaca.

Facebook Likebox FBFan Pro Untuk Blogger

1. Pada dashbor klik Template >> Backup Template
2. Pada dashbor klik Edit HTML >> Lanjutkan/Proceed
3. Copy dan Paste kode ini diatas kode </body>

<!-- KakiNetwork.Com Likebox Pro FBFan Code Start -->
<script type='text/javascript'>
//<![CDATA[
KNFBFansPRO='blogrhyogigacomp'
//]]>
</script>
<style>#fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 6*/width:450px;border:10px solid #6F6F6F;z-index:200;-moz-border-radius: 9px;-webkit-border-radius: 9px;margin:0pt;padding:0pt;color:#333333;text-align:left;font-family:arial,sans-serif;font-size:13px;}
#fblikepop body{background:#fff none repeat scroll 0%;line-height:1;margin:0pt;height:100%;}.fbflush{cursor: pointer;font-size:11px !important;color:#FFF !important;text-decoration:none !important;border:0 !important;}
#fblikebg{display:none;position:fixed;_position:absolute; /* hack for IE 6*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:100;}
#fblikepop #closeable{float:right;margin:7px 15px 0 0;}
#fblikepop h1{background:#6D84B4 none repeat scroll 0 0;border-top:1px solid #3B5998;border-left:1px solid #3B5998;border-right:1px solid #3B5998;color:#FFFFFF !important;font-size:14px !important;font-weight:normal !important;padding:5px !important;margin:0 !important;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;}
#fblikepop #actionHolder{height:30px;overflow:hidden;}#fblikepop #buttonArea{background:#F2F2F2;border-top:1px solid #CCCCCC;padding:10px;min-height:50px;}#fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important;}#fblikepop #buttonArea a:hover{color:#333 !important;text-decoration:none !important;border:0 !important;}
#fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#fff !important;}
#fblikepop #counter-display{float:right;font-size:11px !important;font-weight:normal !important;margin:5px 0 0 0;text-align:right;line-height:16px;}
</style>
<script type='text/javascript' src='http://yourjavascript.com/19111310151/jquery.js'></script>
<script type='text/javascript' src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script>
<script type='text/javascript' src='http://yourjavascript.com/533261362/[KN]likeboxfbfanpro_malay.js'>
</script>
<script language='javascript'>
//<![CDATA[
$(document).ready(function(){ $().KNFBFansPRO({
timeout: 20,
wait: 0,
url: 'http://www.facebook.com/rhyo.zasuke',
closeable: true });
});
//]]>
</script>
<div id='fbtpdiv'></div>
<!-- KakiNetwork.Com Likebox Pro FBFan Code End -->

4.Pratinjau >> Simpan Template


Facebook Likebox FBFan Pro Untuk Wordpress

1. Pergi Genesis > Theme Settings
2. Copy paste kode diatas, tepat diatas kode </body>


Catatan :

• Kamu ganti url yang berwarna kuning "http://www.facebook.com/rhyo.zasuke" dengan dengan link fanpage kamu
• Kamu bisa mengatur penutupan otomatis dengan menggatur "timeout: 20"
• Setiap widget popup mempunyai kelemahan yang membuat tampilan di HP menjadi menyulitkan pengguna, jadi harus diperhatikan, kalau memang blog kamu juga banyak yang membaca melalui HP, sebaiknya urungkan saja memasang widget popup.

Yap, semoga tutorial Facebook Likebox FBFan Pro ini berguna untuk kamu, dan bila ada kesulitan silahkan bertanya dengan kotak komentar.