Facebook Popup Like Box With Timer For Blog

Go To your www.blogger.com and login
open your desired blog
Go to "Layout"
Click  "Add a Gadget" where you want to add it
Now Scroll To "Html-javascript" 
click  "+" icon to add
Now copy the below code and paste it there
Leave the title empty
Click on "save" Now you are done

<!-- Facebook POPUP LikeBox With Timer Code Start -->
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>
<style
 type='text/css'>
#crackstrickpopup{background-color:#fff;position:
fixed;top:50%;z-index:9999;display:none;padding:0px;left:50%;border:10px
 solid rgba(82, 82, 82, 0.7);-webkit-background-clip: padding-box; /*
for Safari */background-clip: padding-box; /* for IE9+, Firefox 4+,
Opera, Chrome */-webkit-border-radius:8px 8px 8px
8px;-moz-border-radius:8px 8px 8px 8px;border-radius:8px 8px 8px
8px;width:400px;height:360px;margin-left:-200px;margin-top:0px;overflow:hidden;}#crackstrickpopup
 span{font-size:20px !important;font-weight:bold
!important;}#crackstrickpopup h1{background:#6d84b4
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQLF3BqJSfL8inYlBob80pN2cBQC2o78VD-2VWJtXYe2vErln-96XUi3Sz-Aa_Ibt5oNk0UZZQZ8mO4iOsjhlzsHIy7Y-FXjoLXVuxw8SOpO-gBu-TOOVcdLq5qabPQRt3YIlmtrlFdEk/s1600/aktechz-fb-lock.png)
 98% no-repeat;border:1px solid #3b5998 !important;color:#FFFFFF
!important;font-size:20px !important;font-weight:700
!important;padding:5px !important;margin:0
!important;font-family:'"lucida grande",tahoma,verdana,arial,sans-serif
!important;overflow:hidden
!important;}.crackstrickpopupdata{font-size:12px
!important;font-weight:normal !important;height:265px
!important;padding:1px !important;background:#fff
!important;border-bottom:2px solid #ddd;overflow:hidden
!important;}#crackstrickpopupfooter{text-align:left;background:#F2F2F2
!important;height:56px !important;padding:10px 10px 10px 10px
!important;overflow:hidden
!important;}#newfaceboooktipstricks{float:right;background-color:#eee
!important;border:1px solid #ccc !important;color:#111
!important;font-weight:bold !important;padding:5px 8px 5px 8px
!important;text-decoration:none !important;display:inline-block
!important;font-family:'"lucida grande",tahoma,verdana,arial,sans-serif
!important;outline:none !important;position:relative
!important;font-size:18px !important;margin:1px
!important;}#newfaceboooktipstricks:active{top:1px;left:1px;}</style>
<script
 type='text/javascript'>
jQuery(document).ready(function() {
function crackstrickpopupfunc() {
var sec = 10
var timer = setInterval(function() {
$("#crackstrickpopupfooter span").text(sec--);
if (sec == 0) {
$("#crackstrickpopup").fadeOut("slow");
clearInterval(timer);
}
},1000);
var crackstrickpopupwindow = jQuery(window).height();
var crackstrickpopupdiv = jQuery("#crackstrickpopup").height();
var crackstrickpopuptop = jQuery(window).scrollTop()+50;
jQuery("#crackstrickpopup").css({"top":crackstrickpopuptop});}
jQuery(window).fadeIn(crackstrickpopupfunc).resize(crackstrickpopupfunc)
//alert(jQuery.cookie('sreqshown'));
//var crackstrickpopupww = jQuery(window).width();
//var crackstrickpopupwww = jQuery("#crackstrickpopup").width();
//var crackstrickpopupleft = (crackstrickpopupww-crackstrickpopupwww)/2;
var crackstrickpopupleft = 500;
//var crackstrickpopupwindow = jQuery(window).height();
//var crackstrickpopupdiv = jQuery("#crackstrickpopup").height();
//var crackstrickpopuptop =
(jQuery(window).scrollTop()+crackstrickpopupwindow-crackstrickpopupdiv) /
 2;
jQuery("#crackstrickpopup").animate({opacity: "1", left: "0" , left:
crackstrickpopupleft}, 0).show();
jQuery("#newfaceboooktipstricks").click(function() {
jQuery("#crackstrickpopup").animate({opacity: "0", left: "-5000000"},
1000).show();});});
</script>
<div id="crackstrickpopup">
<h1>
Join Us On Facebook</h1>
<div class="crackstrickpopupdata">
<iframe
src="http://facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fnewfaceboooktipstricks&width=400&colorscheme=light&show_faces=true&border_color=%23fff&stream=false&header=false&height=250"
 scrolling="no" frameborder="0" style="border:none; overflow:hidden;
width:400px; height:250px;"
allowtransparency="true"></iframe></div>
<div id="crackstrickpopupfooter">
Please Wait <span>10</span> Seconds...!!!<a href="#"
id="strawhathackers" onclick="return
false;">Skip</a></div>
</div>
<!-- Facebook POPUP LikeBox With Timer Code End -->  


Follow for customize Like Box

•  Change page name just replace strawhathackers with your page name
• set your timing just search please wait <span>10</span>
• customize your timing from 10 to any seconds
• you can also resize box size