تقنيات Pro

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

المعاينة

طريقة الإضافة

اذهب إلى المدونة ç التخطيط ç إضافة أداة ç HTML/JavaScript

ثم قم بنسخ الكود التالي ولصقه

// 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>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?

href=http://www.facebook.com/TiqniatPro&width=420&height=255&colorscheme=light&show_faces=true&border_color=%23E2E2E2&stream=false&header=false'

style='border: none; overflow: hidden; margin-top: -19px; width: 420px; height: 230px;'></iframe>
</div>
</div>

استبدل TiqniatPro برابط صفحتك على الفيس بوك

ثم حفظ الأداة واذهب للمعاينة

مرحبا بكم في تقنيات Pro

Med Man

أقسام الموقع

إشترك في موقعنا

اضافة صندوق الفيس بوك المنبثق بطريقة احترافية

ليست هناك تعليقات :

إرسال تعليق

اشترك في قناتنا على اليوتوب

شائع هذا الأسبوع

تابعنا علي الفيس بوك

المشاركات الشائعة