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

إخواني الكرام كيف حالكم
في هذه التدوينة سأقدم لكم شكلا جديدا لصندوق الفيس بوك المنبثق هذا الأخير يتميز بمؤقت وزر غلق
من مميزات هذه الإضافة انها تساهم في رفع عدد المعجبين في موقعك او مدونتك لذالك يستعملها الكثيرون
صورة من الإضافة

كما ترون شكل جميل ومميز يمكنك التحكم في التوقيت وفي مكان ضهوره بكل سهولة
لإضافته لمدونتك قم بنسخ الكود التالي ثم ضعه في اداة جديدة

<!-- 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="http://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 -->

غير إسم ArabeEye بإسم صفحتك على الفيس بوك وغير القيمة 30 لأي قيمة تريد
لتغيير مكان ضهوره غير في القيم التالية
 top:50% كلما صغرت القيمة كلما إتجه للأعلى
right:50% كلما صغرت القيمة كلما إتجه لليمين

أضن ان هذا كل شيئ اتمنى أن تعجبكم الإضافة بالتوفيق للجميع
ودمتم في رعاية الله وحفظه
المقال السابق
المقال التالي
مقالات دات صلة

هناك تعليق واحد:

  1. تسلم
    http://qesasgamda.blogspot.com/2015/06/mohamed.html

    ردحذف