Ads 468x60px

1

Infolinks In Text Ads

Infolinks InText

Sample text

Saturday 30 March 2013


How to add Facebook Fan Page Like Popup with Timer?


As you know about Facebook  its a largest social website in the world where billion peoples are come and chat with each others, share ideas, photos and make fun online.
Many peoples use Facebook to increase their website traffic or to make members on their forums or websites. They share their Website/ Forums link on Facebook or by fan page.

What is Fan Page?
Fan Page is a Page on Facebook, and almost every website have their fan page on Facebook to update their members through Facebook. You can also make your fan page free.

Force Visitors to Like your Fan Page...
This is the smartest way to force your visitors to like your fan page. You can add this widget to your blogger or website. When people open your website they saw an popup window of your Facebook fan page. They have 2 options, one is to like your Fan Page and another is to wait for 10, 20 seconds.




Steps to Add Facebook Like Popup with Timer...
Step 1: Go to Blogger> Template> Edit HTML
Step 2: Find the below code
</body>
Step 3: Now paste the below code just above/after the above code
 <!-- TheTricksLab.com - - - Wiki of Tricks and Widgets -->
<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: &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://www.google.com/jsapi'/><script>google.load(&quot;jquery&quot;, &quot;1&quot;);</script>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
 kakinetworkdotcom01username="thetrickslab",
 kakinetworkdotcom01title="Join us at Facebook!",
 kakinetworkdotcom01skin="01",
 kakinetworkdotcom01time="10",
 kakinetworkdotcom01wait="0",
 kakinetworkdotcom01lang="en"
//]]>
</script>
<script src='http://thetrickslab.googlecode.com/svn/trunk/likebox-with-timer.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
 $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
//]]>
</script>
<!-- TheTricksLab.com -->
Changes: 

  • Change the name "thetrickslab" to your Facebook Fan Page
  • "Join us at Facebook" to your Message
  • Popup will disappear after 10 seconds, I have set it on 10 sec, if you want to change just change kakinetworkdotcom01time="10".
  • Popup will appear immediately  after open the website, if you want to change it just change kakinetworkdotcom01wait="0",

No comments:

Post a Comment

Blogger templates

Twitter Bird Gadget