EnglishFrenchGermanSpainItalianDutchRussianPortugueseArabic

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

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

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

<!-- 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

    ردحذف

التالي السابق الرئيسية