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

اضافة الاضافة الي مدونتك

قم بنسخ هدا الكود وضعه في اي مكان بين <body> و </body> .

// 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(20000).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/theblogwidgets&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'

style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe><center>
<span id="linkit">Powered by <a href="http://kikbooks.com">KikBooks</a> <a href="http://www.theblogwidgets.com/2013/08/facebook-popup-widget-with-lightbox.html">Widget</a></span></center>
</div>
</div>

التعديل عليها

1- رابط صفحة الفايسبوك
قم بالبحث عن href=http://www.facebook.com/theblogwidgets ثم غيره برابط صفحتك

ألمساعد العربي

Recent Comments

Labels

إضافة صندوق إعجاب فيسبوك عائم مع تأثير الإضاءة - على طريقة الـ PopUp -

المساعد العربي

ربما تفيد من هذه المواضيع كذلك

ضع تعليقك :