Tuesday, July 10, 2012

Jquery Popup Facebook Like Box With Timer For Blogger

This is a great widget for Facebook fan page.
Facebook is the greatest way to drive traffic to
your blog.You have to add fan page to your blogger.
So, this tutorial about Facebook fan page.
This tutorial helps you to make your fan page
popup with timer.No need to close it manually.
It will auto close with time.This will helps you
increase Facebook fans.here is query Popup
Facebook Like Box without timer
. Its was my
earlier post.You can follow these steps.


1. Log in to blogger  Design > Page Element.

2.Find this code  by using Ctrl+F </body>

3.Paste below code before </body> code.

<script type='text/javascript'>
    //<![CDATA[
        KNFBFansPRO='Bloggertrix'
//]]></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://bloggertrix.googlecode.com/files/btrixlikebox.js' type='text/javascript'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script src='http://bloggertrix.googlecode.com/files/btrixlikebox2.js' type='text/javascript'/>
<script language='javascript'>
    //<![CDATA[
        $(document).ready(function(){                       
            $().KNFBFansPRO({
               timeout: 30,
                wait: 0,
                url: 'http://www.facebook.com/BloggerTrix',
                closeable: true        });
        });
    //]]></script><div id='fbtpdiv'/>

Replace Bloggertrix with your Facebook Fan page name
Timer Set as 30 You can change it
You can change wait time to show the popup by changing 0

4. Now Click Save Template

    You are done...

4 comments: