صندوق إعجاب الفيس بوك المنبثق مع مؤقت وزر غلق

<!-- 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'>
#exepopup{background-color:#fff;position: fixed;top:50%;z-index:9999;display:none;padding:0px;right:55%;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:320px;margin-right:-200px;margin-top:0px;overflow:hidden;}
#exepopup span{font-size:20px !important;font-weight:bold !important;}
#exepopup h1{background:#01B1D3;border:1px solid #3b5998 !important;color:#FFFFFF !important;font-size:20px !important;font-weight:700 !important;padding:5px !important;margin:0 !important;font-family:'"tahoma",tahoma,verdana,arial,sans-serif !important;overflow:hidden !important;}
.exepopupdata{font-size:12px !important;font-weight:normal !important;height:235px !important;padding:1px !important;background:#fff !important;border-bottom:2px solid #ddd;overflow:hidden !important;}
#exepopupfooter{text-align:center;background:#F2F2F2 !important;height:56px !important;padding:10px 10px 10px 10px !important;overflow:hidden !important;}
#exepopupclose{text-align:center;background-color:#eee;padding:10px;margin:10px;text-decoration:none;display:inline-block}
</style>
<script type='text/javascript'>
jQuery(document).ready(function() {
function exepopupfunc() {
var sec = 30
var timer = setInterval(function() {
$("#exepopupfooter span").text(sec--);
if (sec == 0) {
$("#exepopup").fadeOut("slow");
clearInterval(timer);
}
},1000);
var exepopupwindow = jQuery(window).height();
var exepopupdiv = jQuery("#exepopup").height();
var exepopuptop = jQuery(window).scrollTop()+50;
jQuery("#exepopup").css({"top":exepopuptop});}
jQuery(window).fadeIn(exepopupfunc).resize(exepopupfunc)
//alert(jQuery.cookie('sreqshown'));
//var exepopupww = jQuery(window).width();
//var exepopupwww = jQuery("#exepopup").width();
//var exepopupleft = (exepopupww-exepopupwww)/2;
var exepopupleft = 500;
//var exepopupwindow = jQuery(window).height();
//var exepopupdiv = jQuery("#exepopup").height();
//var exepopuptop = (jQuery(window).scrollTop()+exepopupwindow-exepopupdiv) / 2;
jQuery("#exepopup").animate({opacity: "1", left: "0" , left: exepopupleft}, 0).show();
jQuery("#exepopupclose").click(function() {
jQuery("#exepopup").animate({opacity: "0", left: "-5000000"}, 1000).show();});});
</script>
<div id="exepopup">
<h1>إنظم لصفحتنا على الفيس بوك</h1>
<div class="exepopupdata"><iframe src="https://facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FArabeEye&amp;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:200px;" allowtransparency="true"></iframe></div>
<div align="center" style="border:1px solid #AAAAAA;background:#FFF;
font:bold 14px GESSTwoMediumRegular,Tahoma;color:#000;
text-align:center;
margin-top:8px;
padding:5px;
border-left:5px solid #4DC0FF;
border-right:5px solid #BDD448;
-webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px;">
<div id="exepopupfooter">المرجوا إنتظار <span>  30  </span> ثانية <a href="#" id="exepopupclose" onclick="return false;">تجاوز</a></div></div></div>
<!-- Facebook POPUP LikeBox With Timer Code End -->