Tutorial Cara memasang Facebook Fans Page Timer di Blog

Hai sobat kemarin ada teman yang tanya bagaimana cara memasang Facebook Fans Page pada Blog. Sebelumnya Denbo Blogspot dot Com membagikan Tutorial Cara Memasang Floating Fan Page Facebook Pada Blog, nah kali ini saya aka mebagikan kepada sobat-sobat sekalian Tutorial Cara memasang Facebook Fans Page timer di Blog. 

Untuksobat blogger yang sudah punya halaman fan page pada facebook , silakan ikuti langkah-langkahnya di bawah ini :

1.  Login Ke Blog sobat -> Klik Tata Letak -> Add Gedget




2. Pilih HTML/Java Script (tekan tanda +)

3. Copy Pastekan Kode di Bawah ini Pada Kolom HTML

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

Keterangan

• Ganti ini Denboblogspot 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/Denboblogspot dengan alamat halaman/Fanspage sobat.

4. Jangan lupa Save Setelan
5. Silahkan menikmati Perubahan pada blog anda


Mungkin itu saja yang bisa saya sampaikan, semoga bisa membantu
NB : Boleh disebarluaskan asalkan mencantumkan
Tutorial Cara memasang Facebook Fans timer Page di Blog

Referensi
http://haanz-dc.blogspot.com/2012/03/cara-membuat-widget-facebook-like-box.html#ixzz1uuPLJj4N