Facebook Like Box JQuery Popup with Timer For Website / Blogger

Image Source - My Blogger Tricks

After a Long Time I Post on My Blog About Facebook Jquery Pop-Up Like Box. I Seen Many Webmasters and Websites Owner Who Use Facebook Pop-Up Like Box To Increase Facebook Page Likes that is More Effective Way To Gain Viral Traffic. I Thought that Main Feature of Get Like Through a Pop-up Like box is to Target Those Peoples Who are Interested in Your Blog and Your Article.

How To Add Facebook Jquery Like Box with Time Control in Blogger ?

1. Go To Blogger Dashboard > Template.
2. Now Click On Edit HTML.
3. Press CTRL+F and Find </body>.
4. Paste the Below Code Above the </body> Tag and Save Template.

<script type='text/javascript'> 

//<![CDATA[ 

    KNFBFansPRO='TenXBlogger'

//]]> 

</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/mbtlikebox.js' type='text/javascript'/>

<script language='javascript'> 

//<![CDATA[ 

    $(document).ready(function(){                        

        $().KNFBFansPRO({ 

           timeout: 30, 

            wait: 0, 

            url: 'http://www.facebook.com/TenXBlogger', 

            closeable: true        }); 

    }); 

//]]> 

</script> 

<div id='fbtpdiv'/>

 NOTE : Replace 'TenXBlogger' with Your Facebook Username and You Can Also Edit The Likbox Timeout and Wait for Like Box To Pop-up.

Simply Replace timeout: 30,  with Your Desired Timeout and wait: 0, with any Time Limit that How Much Time Later Likebox is Pop-Up.

This Article is Write To Help the Bloggers Who are Searching For Latest Blogger Tips and Tricks and Widgets. I Write This Post Inspired From "My Blogger Tricks" Because He Always Post New Stuff On Blogger and Post Too Many Blogger Widgets and SEO Tricks.