Cara Membuat Facebook LikeBox Popup melayang di Blog er

Banyak cara Membuat Penggemar blog Kita Semakin Ramai / Banyak dan Semakin Popouler, salah satunya melalui fanspage facebook dimana kita lihat bahwa pada umumnya orang yang sudah menjelajah di Internet sudah memilki akun facebook. dan untuk mempermudah orang untuk menyukai fanspage tersebut adalah dengan membuat fanspage dengan pop up melayang di Blog.

Contohnya sperti Gambar Dibawah ini :

Ok, Langsung saja dengan Tutorialnya

Langkah-langkahnya sebagai berikut :

1. Go To Blogger> Desain> Edit HTML
2. Backup template anda 
3. Paste kode berikut tepat di atas </ body>

<script type='text/javascript'>
//<![CDATA[
    KNFBFansPRO='Apa Blogs'
//]]>
</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/pages/Cici123',
            closeable: true        });
    });
//]]>
</script>
<div id='fbtpdiv'/>

 Membuat perubahan-perubahan penting:

• Ganti ini Apa Blogs dengan nama \halaman/Fanspage Facebook sobat. 
• Timer diset untuk 30 detik, untuk mengubahnya cukup mengedit timeout: 30 
• Widget ini muncul segera setelah ada visitor. Jika Anda ingin untuk muncul setelah satu menit atau lebih kemudian edit wait: 0
• Ganti http://www.facebook.com/pages/Cici123 dengan alamat halaman/Fanspage sobat.