السلام عليكم متابعي وزوار
مدونة جولة للمعلوميات ,اليوم في هذه التدوينة من دروس
بلوجر سوف نتعرف على كيفية إضافة صندوق إعجاب الفيس بوك منبثق للزائر مرة واحدة , هذه الاضافة لاشك سوف تساعدك بشكل ملحوض في الحصول على متابعين لصفحتك على الفيسبوك.
 |
| إضافة صندوق إعجاب الفيس بوك منبثق للزائر مرة واحدة |
الاضافة مميزة وخفيفة اخوتي ولا تتطلب ان ينتضر الزائر مدة معينة لانه بامكانه تجاوز الصندوق عبر علامة اقفال التي سوف تضهر له بالتالي لن تشكل هذه الاضافة تشويش او ملل للزائر عكس بعض الاضافات التي تتطلب ان تنتضر فترة محددة لتتمكن من ازالة الصندوق المنبتق.الطريقة سهلة جدا احبتي.ما عليك سوى اضافة الكود اسفله على المدونة "اضافة اداة جديدة" وتقوم بتغير ما باللون الاحمر الى رابط صفحتك او معرف صفحتك التي تريد ان تضهر للزائر,وتقوم بعمل حفض وسف يتم تفعيل الصندوق وسوف يضهر مرة واحدة فقط للزائر عند دخوله لموقعك.
<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(http://3.bp.blogspot.com/-NRmqfyLwBH...0/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/jawlainfo&width=402&height=255&colorscheme=light&sh ow_faces=true&border_color=%23E2E2E2&stream=false& header=false'
style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe>
</div></div>
- تذكير : يجب عليك تغيير ما باللون الاحمر "jawlainfo"الى رابط صفحتك.
ضع تعليق لأي استفسار وكذا لتشجيعي على نشر المزيد من المواضيع المفيدة
