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

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

قم بنسخ هدا الكود وضعه في اي مكان بين <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 ثم غيره برابط صفحتك

تابع القراءة

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

وبدون إطالة ،لنذهب مباشرة إلى التطبيق.

1-قم بنسخ رابط صفحتك علي الفايسبوك.
2- ثم ادهب الي هدا الرابط :https://developers.facebook.com/docs/plugins/like-box-for-pages
3-قم ينسخ رابط صفحتك في مربع Facebook Page URL, ثم حدد الطول والعرض حسب رغبتك.

4- اظغط علي زر Get Code , واختر iFrame وقم بنسخ الكود.

5- انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Javascript
ولآن الصق الكود :

وأخيرا قم بحفظ الأداة.

وهذا هو كل شئ مع تحياتي اخوكم محمد البصري

تابع القراءة

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

Recent Comments

Labels

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

إضافة مربع "أعجبني" لمدونة بلوجر