Add One Time Facbook Like Pop-up box with Time in Blogger

Just Like below



Follow all below simple steps:




  1. Login to your Blogger Account and go to Design > Edit HTMLand click on the check box which says “Expand Widget Templates”
  2. Look for </body/>
  3. Copy the below code and paste just above the </body/>
<!-- KakiNetwork.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:&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="oyaahmedia",
            kakinetworkdotcom01title="Join & Stay with us at Facebook! and get all update. Just Click the Like button below",
            kakinetworkdotcom01skin="01",
            kakinetworkdotcom01time="30",
            kakinetworkdotcom01wait="30",
            kakinetworkdotcom01lang="en"
//]]>
</script>
<script src='http://kakinetworkdotcom.googlecode.com/svn/01/files/likeboxfbfanpro.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
            $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
//]]>
</script>
<!-- KakiNetwork.Com Likebox Pro FBFan Code End -->


Replace="oyaahmedia" with your facebook page user name


Can also customize welcome wording Join & Stay with us at Facebook! and get all update. Just Click the Like button below",


kakinetworkdotcom01skin="01",                        
kakinetworkdotcom01time="30", YOU CAN CHENGE IT TO 1-100
kakinetworkdotcom01wait="30", YOU CAN CHENGE IT TO 1-100

Congratulation you have done.

Don't forget to comments....


1. If you have not yet registered with infolinks, register with them at www.infolinks.com.
2. Log into your account and navigate to your dashboard,


3. Go to the Integration guide link at the top of your account and click on it,  see screenshot below




  • Go to your website's source code
  • Finally, Paste code right before the closing </body> tag at the end of the code

You have done, but Infolink will reflect after 48 hrs.


Don't forget to comment....


1. In a new window login to Blogger and navigate to Design > Page Elements

2. Click on Add a Gadget in the sidebar. If you are using a customized template you may have 2 different sidebars so decide which you want the banner ad to display in.

3. Select HTML/Javascript widget from the Add a Gadget menu

4. Place your mouse in the content box of the Configure HTML/Javascript widget and right click. Choose paste to insert the merchant code of your banner ad into the content box 

4. In the title box add a Title like Sponsored Ads if you wish otherwise leave it blank



<style type="text/css">
#gb{
position:fixed;
top:100px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Click 2 times to close this ad]:.
</a>
</div>
<center>
Your html code for ad here
</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>


See the Example Below




Don't forget to comments, Keep Blogging