Membuat Kotak Like Facebook Melayang Keren

Lihatlah @ku - Hoaaa.. Salam sejahtera buat Anda-anda semua, sekarang masih pagi namun saya masih saja kepikiran tentang blog saya dan ingin sekali memposting sesuatu yang bermanfaat buat Anda semua. Dan kebetulan saya sudah memiliki sesuatu yang akan diberikan. 

Namun sebelum itu saya ingin bertanya kepada Anda, apakan Anda memiliki blog? Jika ya, maka Anda harus mencoba menambahkan widget ini karena dengan widget tersebut blog yang Anda miliki akan terasa lebih menarik dan lebih terlihat berkualitas. Selain itu juga Anda dapat menyebarkan informasi terupdate di blog Anda dengan sangat cepat ke teman-teman Anda yang sudah "like" FanPage Facebook Anda (Makannya harus sering-sering undang teman buat like fanpage facebook kita). :D

Widget yang akan kita bahas pada hari ini adalah bagaimana cara Membuat Kotak Like Facebook Melayang dengan keren. Dengan ini

Okelah kalau begitu, mari langsung saja kita bahas :

1. Pertama yang harus dilakukan adalah Masuk ke akun blog Anda.

2. Masuk Template --> Edit Html --> Lanjutkan --> centang "Expand Template Widget" (untuk tampilan baru di blogger).'

3. Cari kode </body>, agar lebih cepat ditemukan maka Anda tekan "Ctrl+F" dan tuliskan kode tadi.

4. Masukkan kode di bawah ini tepat sebelum/di atas kode </body> 

 <script type='text/javascript'>
//<![CDATA[
KNFBFansPRO='Fiqihpunya'
//]]>
</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: 15,
wait: 0,
url: 'http://www.facebook.com/Lihatlah@ku',
closeable: true });
});
//]]>
</script>
<div id='fbtpdiv'/>

• Kode Biru adalah nama yang akan di tampilkan.
• Kode Hijau adalah fb_id / username fanspage kalian.
• Kode Merah adalah waktu yang di pergunakan untuk berapa lama menampilkan nya.
• Jika Anda tidak menginginkan ada tanda close, maka Anda ganti kata true menjadi false pada yang bertanda warna fuchsia.

5. Klik "Save" dan bisa Anda lihat hasilnya

Anda dapat mengubah-ubahnya dengan keinginan Anda sendiri. Namun jika tidak, maka Anda biarkan saja seperti itu. Hasilnya kurang lebih seperti ini :

Saat ini agan sedang membaca artikel Membuat Kotak Like Facebook Melayang Keren di blog Lihatlah @ku. Semoga artikel yang agan baca ini dapat bermanfaat. Jangan lupa BERKOMENTAR dengan baik di blog ini ya? :)