إضافة نافذة منبثقة للصفحتك على الفيسبوك تضهر مرة واحدة

السلام عليكم ورحمة الله تعالى وبركاته

بسم الله الرحمن الرحيم اليوم في هذه التدوينة الجديدة على مدونة أتامي ويب أحضرت لكم الإضافة المضلوبة لدى الكثير من المدونين الذين يودون زيادة التفاعل أو زيادة متتبعي صفحتهم على الفيسبوك ومن مميزات هذه الإضافة أنها تضهر مرة واحد ليس كالإضافات الأخرى التي تزعج الزائر حتى ينفر من المدونة و يغادرها زيادة على أن كثرة ظهور الإعلان المنبثق يبطئ تحميل وتصفح المدونة !!!
لن أطيل عليكم لنبدأ :

صورة عن الإضافة:

صورة توضح الإضافة "الفيسبوك"

كيفية تركيب الإضافة:

أولا 1: التخطيط==>إضافة أداة==>إختر أداة html/javascript

ثانيا 2: نضع هذا الكود مع تغيير ما باللون الأحمر :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#fanbox {
background:white;
width:420px;
height:270px;
position:absolute;
top:58%;
left:63%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#fanclose {
float:right;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVJddhsFxc-eFfagzsOb2voIcSXDxZZ7awF-36XzXfu22PBhtN6qfCMMTUzCcRI1VHfifqRu8z8kWSH9SkCuI8TZ2G9pTU2AqcDuWaD28Jxn5eDbECmBV1VH2ZiJ9-tpuYHBKI3CDJUv_7/s1600/fanclose.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_user_login') != 'yes'){
$('#fanback').delay(100).fadeIn('medium');
$('#fanclose, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fanback'><div id='fan-exit'></div><div id='fanbox'><div id='fanclose'></div><div class='remove-borda'></div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=http://www.facebook.com/7asoubak&width=402&height=255&colorscheme=light&show_faces=true&border_color=%23E2E2E2&stream=false&header=false'
style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe>
</div></div>

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

عنوان التدوينة: إضافة نافذة منبثقة للصفحتك على الفيسبوك تضهر مرة واحدة
تقييم : 10 من 10 مرتكز على 24 تقييم.
الكاتب : عثمان العامري مدير مدونة أتامي ويب

عدد المشاهدات :