Facebook popup like box widget for blogger

Adding a facebook popup like box to your blog is a great way to increase number of likes of your facebook fanpage. It immediately appers on the screen with a like button to like your page as soon as user opens your blog. The time limit for opening popup like box can be adjusted according to your need. It helps in increasing likes on a regular basis but sometimes it can go wrong as because some users may get annoyed due to it and may not click on the like button and may close it without liking your page. But it is a great way to increase your likes, so give it a try:______*

                                               
        facebook popup like box                       
                                

Steps to Add Facebook Popup Like Box to Blogger

  • go to Blogger>Template>Edit HTML
  • click anywhere inside the template editor
  • press Ctrl+F and search </body>
  • copy the below mentioned code and paste it just before the </body> tag
<script type=’text/javascript’>
//<![CDATA[
    KNFBFansPRO=’pcwebarena
//]]>
</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/pcwebarena‘,
            closeable: true        });
    });
//]]>
</script>
<div id=’fbtpdiv’/>

  • customize this code by replacing pcwebarena with your own facebook page username.
  • u can also increase or decrease the timing for how quickly the popup like box will appear on screen by adjusting wait: 0 to wait: 5 and so on according to your need.
                                 ******************

Leave a Reply