Facebook POP UP Like Box for blogger and Website

About:

Facebook POP UP Like Box pops up when someone visits your website. He/She have to click Like button for your your Facebook page or have to wait for 10 seconds. The good thing is that with this gadget you can easily gain more Facebook Likes than normal.



How to do:

Step 1: Go to your blogger Dashboard and Click Layouts.

Step 2: Click 'Add Gadget' and a popup window will open. Click HTML/JavaScript.

Step 3: Now copy the GREEN html.

- See more at: http://crackstrick.blogspot.in/2013/05/stylish-facebook-like-box-pop-up-with.html#sthash.DTUwwViv.dpuf

Original from: http://crackstrick.blogspot.in/2013/05/stylish-facebook-like-box-pop-up-with.html
Copyright CracksTrick - All Rights Reserved

 <!-- 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/AVvXsEhb8YK3_uPqaqXn6M4Dp8D0drTCvDB2epTIzV8l0EmQwZvA_IkGO6MPUrY1JdoYtEqzj54jdcX9EK5xA_ZMXF9MuFHvbLU4-r7RCL5CEdyGJuQ0o124RwDzA_4UHzaSdxdEhxO_agVgS_U/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;}#crackstrickpopupclose{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;}#crackstrickpopupclose: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("#crackstrickpopupclose").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=YOUR FACEBOOK PAGE LINK;width=400&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23fff&amp;stream=false&amp;header=false&amp;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="crackstrickpopupclose" onclick="return false;">Skip</a></div></div>
<!-- Facebook POPUP LikeBox With Timer Code End --> 

Put your FB page title instead of  YOUR FACEBOOK PAGE NAME

Step 4: Paste it inside 'HTML/JavaScript'

Now you are done. Go to your website to see the result. -->