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


صورة للاضافة 
facebook-box-like-blog-blogger

  • كيفية إضافة صندوق إعجاب فيسبوك منبثق؟

  1. توجه لوحة تحكم بلوجر من هنا ثم افتح مدونة.
  2. توجه الى التخطيط ثم اضافة اداة HTML/javascript لايهم اين تضيفها لن تاثر على شكل مدونة .
  3. اضف كود تالي ثم حفض .
 <style scoped='' type='text/css'> 
#fb-fanbox {display:none;background:rgba(0,0,0,0.9);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;-webkit-transform:translateZ(0);}
#fb-boxclose {width:100%;height:100%;-webkit-transform:translateZ(0);}
#fb-boxview {background:#fff;border:8px solid #03a9f4;width:340px;height:230px;position:absolute;top:33%;left:37%;border-radius:3px;}
#fb-closebox {float:right;cursor:pointer;position:absolute;right:-1px;top:-2px;z-index:2;}
#fb-closebox:before {content:"CLOSE";padding:5px 8px;background:#03a9f4;color:#fff;font-weight:normal;font-size:10px;font-family:inherit;}
#fb-boxlink,#fb-boxlink a.visited,#fb-boxlink a,#fb-boxlink a:hover {color:#aaaaaa;font-size:9px;text-decoration:none;text-align:center;padding:5px;}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// Pengaturan 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(''));
}
// Dapatkan 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'){
$('#fb-fanbox').delay(3000).fadeIn('fast');
$('#fb-closebox, #fb-boxclose').click(function(){
$('#fb-fanbox').stop().fadeOut('fast');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fb-fanbox'>
<div id='fb-boxclose'>
</div>
<div id='fb-boxview'>
<div id='fb-closebox'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/almohtarif.arabic&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border:none;overflow:hidden;width:339px;height:200px;'></iframe>
</div>
</div> 

لا تنسى تغيير رابط الاحمر(https://www.facebook.com/almohtarif.arabic) برابط صفحتك على فايس بوك
ادا اعجبتك اضافة شاركها مع اصدقائك