9:34 ص

طريقة إضافة صندوق إعجاب الفيس بوك منبثق ومظلل Pop-up Box

السلام عليكم ورحمة الله وبركاته
صندوق إعجاب صفحة الفيسبوك مضلل
اليوم معنا كود صندوق الفايس بوك عائم ومنبثق بشكل جديد تتمتا للتدوينتين السابقتين
هذا الصندوق ينبثق كما في هذا الموقع: أكبر موقع شات العربي
من مميزات هذا الصندوق:
أنه يطلع مرة واحدة لكل أيبي IP وهذا جد رائع ومهم فلو أنه ينبثق في كل مرة لكان من معيقات تصفح الزائر لموقعك وايضا يختفي إذا ماضغطت على جوانبه بدون الضغط على زر إغلاقه
وثاني شيئ انه سوف يساعدك على تكبير صفحتك على الفايس بوك بالمهتمين بموضوع الصفحة
بدون إطالة ننتقل إلى شرح تثبيت الكود:
طريقة تركيب هذه الإضافة على مدونة البلوجر :
1- توجه إلى لوحة التحكم البلوجر لمدونتك, و اختر تخطيط.
2- ثم إضافة أداة ثم اختر HTML/Javascript والآن ألصق داخل المستطيل الكود التالي :
<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/AVvXsEi6PF4kHJ70ldFVBuhKcK_h4-w5VWve7mq3F7xcKmnsE4fWmQvsUR0TlKj-qTVBT8s4R_VGRkH7U1UUs2dJWmB9f7YWC7EZnOgnv17kIzGHRYtxBxbLGkaP6mnFADVYxO9dcTBy1fLnahKa/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/hun4dred&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>
3- بعد إضافة الكود أعلاه، قم بتغيير www.facebook.com/hun4dred بعنوان صفحة الفيس بوك الخاصة بك، ثم إحفظ الأداة.
الآن أصبح بإمكانك أنت و زوارك رؤية صندوق الفيس بوك هذا على مدونتك لمرة واحدة فقط و لن يظهر الصندوق للزائر إلا إذا قام بمسح كوكيز المتصفح الخاص به. و ذلك (كما قلت سابقا) لكي لا تزعج زوار موقعك بانبثاق الصندوق عدة مرات أثناء تصفحهم لمدونتك..
لاتنسو ترك تعاليق

عــزيـــزي الزائر قم بالضغط على زر أعــجـبـنـي لصفحتنا على الفايسبوك , يمكنك الوصول إلينا عبركتابة: hun4dred في google