Membuat FansPage Facebook melayang di blog menggunakan jQuery

Membuat FansPage Facebook melayang di blog menggunakan jQuery - Assalamualikum Sobat Kayuagung-Cyber :) Selamat Malam, Apa kabar semua ? semoga baik baik aja ya. Baiklah, malam ini admin mau update lagi mengenai " Membuat FansPage Facebook melayang di blog menggunakan jQuery ". Sudah Tau kan apa itu Fanspage ? kalo belum tahu. ini admin kasih tau :D

Fanpage menurut Admin dalah sebuah halaman khusus layaknya blog yang menyediakan informasi yang beragam sesuai dengan keinginan pemiliknya. Kategori yang ada sangat beragam, mulai dari perusahaan, pendidikan, tokoh masyarakat dan masih banyak lainya.  Secara garis besar, facebook fanpage di manfaatkan bagi kalangan tertentu, misalnya klub sebuah sepak bola untuk memberikan informasi atau event kepada penggemarnya melalui facebook. Dengan dengan demikian penyebaran informasi akan lebh cepat di terima oleh banyak orang. Sudah Ngerti kan ? Hehe ( pasti donk :) Baiklah langsung aja yha ' Cekidottt

Screen Shot

1. Login ke www.blogger.com pasti nya
2. ke Rancangan > Edit Html ( untuk tampilan lawas yah, soal nya admin gak suka sama tampilan baru, hehe)
3. Cari Kode </body>,  jika ingin cepat gunakan CTRL+F. Setelah ketemu letakkan kode di bawah ini tepat di atas kode </body>

<script type='text/javascript'>
//<![CDATA[
KNFBFansPRO='KayuagungCT'
//]]>
</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:18px !important;font-weight:normal !important;padding:5px !important;margin:0 !important;font-family:&quot;Lucida Sans Unicode&quot;, &quot;Lucida Grande&quot;, 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 src='http://mybloggertricks.googlecode.com/files/jquery.js' type='text/javascript'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script src='http://mybloggertricks.googlecode.com/files/mbtlikebox2.js' type='text/javascript'/>
<script language='javascript'>
//<![CDATA[
$(document).ready(function(){
$().KNFBFansPRO({
timeout: 30,
wait: 0,
url: 'http://www.facebook.com/KayuagungCyberTeam',
closeable: true });
});
//]]>
</script>
<div id='fbtpdiv'/>

Catatan:
Kode Hijau adalah nama yang akan di tampilkan
Kode Merah adalah fb_id / username fanspage kalian
Kode Biru adalah waktu yang di pergunakan untuk berapa lama menampilkan nya.

Sobat bisa ganti sesuai ke'inginan, kalo gak diganti juga gpp, makasih admin ucapin xD wkwk
Nahh, sekian dlu yahh Sobat posting mengenai "Membuat FansPage Facebook melayang di blog menggunakan jQuery"

Semoga TIDAK Berhasil dan Bermanfaat ^_^


Thanks to http://newbie013.cyber4rt.com/2012/05/fan-page-facebook-melayang-di-blog.html