Mau Jadi Ahli SEO | Mau Tahu Cara Mengoptimasi Website Anda | Mau Toko Online Anda Banjir Pengunjung | Mau Meningkatkan Skil SEO Anda | Klik Banner di Bawah ini dan BUKTIKAN!
SEO Academy, sekolah seo, belajar seo

3.3.12

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



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='blogmuhammad'
//]]>
</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/blogmuhammad',
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/blogmuhammad" 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.

Pin It

4 Komentar:

  1. Terima kasih atas info yang sangat bermanfaat ini... Ia telah membantu saya menyelesaikan masalah mengenai cara nak letak Facebook Likebox FBFan Pro ini di blog saya... :)

    BalasHapus
  2. kok ga jadi mas broow ? mohon bimbingannya . Apakah mesti dipasang dlu tuh widget fanpage FB sebelumnya ?

    BalasHapus
  3. @Dunia Blogpanik: Kamu sudah buat fanspage FB belum, karena tulisan yang saya beri warna kuning harus diganti dengan url fanspage kamu, dan kalau saya sebelum pasang ini sudah ada widget fanspage...

    Dan yang pasti kode "javascript fb sudah harus dipasang pada halaman HTML...

    BalasHapus

Bila kamu ada pertanyaan silahkan kirim komentar, dan sebelumnya saya mohon maaf bila terlambat membalas karena banyak kesibukan yang lain :)