اضافة صندوق الفيسبوك المنبثق في مدونة بلوجر
اضافة صندوق منبثق يحتوي على صفحتك على الفيسبوك داخل مدونة بلوجر. طبعا اليوم سنقدم لكم شرح بسيط وسهل وهو عن طريق كيفية اضافة صندوق منبثق يحتوي على صفحة الفيسبوك الخاص بك لمدونة بلوجر، وهذه اضافة مهمة لك في حال ما اردت زيادة عدد متابعينك ومعجبين لصفحتك، ولتركيبها كل ما عليك فعله اتباع الخطوات التالية.
شرح كيفية تركيب اضافة:
- من لوحة تحكم المدونة ثم الى تخطيط ثم قم بإضافة اداء جديدة واختار HTML/Java Script.
- الان قم بنسخ الكود التالي وضعه داخلها.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fbox-background{display:none;background: rgba(0,0,0,0.8);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;}
#fbox-close{width:100%;height:100%;}
#fbox-display{background:#eaeaea;border:5px solid #828282;width:auto;height:auto;position:absolute;top:32%;left:37%;}
#fbox-button{float:right;cursor:pointer;position:absolute;right:0px;top:0px;}
#fbox-button:before{display:block;content:"اغلاق";padding:5px 8px;background:#828282;color:#eaeaea;font:bold 13px Tahoma;}
#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover{color:#aaaaaa;font-size: 9px;text-decoration:none;text-align:center;padding:8px;}
</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_facebook_box') != 'yes'){
$('#fbox-background').delay(5000).fadeIn('medium');
$('#fbox-button, #fbox-close').click(function(){
$('#fbox-background').stop().fadeOut('medium');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fbox-background'>
<div id='fbox-close'></div>
<div id='fbox-display'>
<div id='fbox-button'></div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/dz&width=339&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></iframe>
<div id="fbox-link">Powered by <a style="padding-left: 0px;" href="http://3an-blogger.blogspot.com" rel="nofollow">3anBlogger</a></div>
</div></div>
لا تنسى تغيير رابط الذي بلون ازرق برابط صفحتك على الفيسبوك، ثم اضغط حفظ وشاهد النتيجة.
ملاحظة: هذه اضافة تظهر مرة واحد فقط لزائر الذي يدخل مدونتك لاول مرة، في حال كنت تريد أن يظهر مربع Facebook في كل مرة يتم فيها تحميل الصفحة، قم بحذف الكود التالي من الشفرة اضافة.
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });