Facebook Like Popup Widget

facebook like jquery popup box for websites, blogs and forums
Do you know that your Facebook page plays an important role in driving traffic to your website or blog? Yes it plays a crucial role, but how? As you know that Facebook is the largest social network where you meet people of all corners of the world. You also know that when you share something on your wall, then it is seen by your friends and other people according to your privacy settings. If you have a blog or website, you surely have created the fan page for it. The more fans you get on the Facebook, more visitors you will get on your blog or website. It is because whenever you will any update or any link on your blog or website's Facebook page, your fans and their friends will get informed. So you need fans as much as possible. Today, I have brought a cool popup Facebook like widget for you. It will be launched whenever any visitor will enter your website or blog. Add this code before </body> tag of your web page's HTML. You have to do a little customization to it. Customize the 16th line (counted from bottom) and write the Facebook's page name your blog or website here:

kakinetworkdotcom01username="Facebook Page Name",

You can also set the time, wait time, title and skin here.

 kakinetworkdotcom01title="Join us at Facebook!",   <------ Title of the popup widget
 kakinetworkdotcom01skin="02",    <------- Three skins are available. Write 01, 02 or 03 here
 kakinetworkdotcom01time="15",  <-------- It is the time delay after which widget will close
 kakinetworkdotcom01wait="0",   <------- Set time delay when the widget should appear. Set 0 if you want to make it appear soon after the user enters your blog or site.

Copy and paste it in the HTML source of your web pages before closing </head> tag. Add this this to all pages of your site in which you want the widget to appear. For Blogger templates, add it just once before the </body> tag. Edit the highlighted code for your page and blog accordingly.

Here is the code:


<!—itcongress.blogspot.com Likebox Pro FBFan Code Start -->
<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: 14px !important;
    font-weight: normal !important;
    padding: 5px !important;
    margin: 0 !important;
    font-family: "Lucida Sans Unicode", "Lucida Grande", 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://www.google.com/jsapi"></script><script>google.load("jquery", "1");</script>
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<script type="text/javascript">
//<![CDATA[
 kakinetworkdotcom01username="TerminusSearch",
 kakinetworkdotcom01title="Join us at Facebook!",
 kakinetworkdotcom01skin="02",
 kakinetworkdotcom01time="15",
 kakinetworkdotcom01wait="0",
 kakinetworkdotcom01lang="en"
//]]>
</script>
<script type="text/javascript" src="http://heavengb.com/likebox-with-timer.js"></script>
<script type="text/javascript">
//<![CDATA[
 $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
//]]>
</script>
<!—itcongress.blogspot.com Likebox Pro FBFan Code End -->

Labels: ,