بسم الله و الحمد لله و الصلاة و السلام على رسول الله محمد الأمين.السلام عليكم و رحمة الله.
كثير من مدوني بلوجر يسألون عن طريقة تركيب صندوق تعليقات فيسبوك،والكثير ايضا يواجهوا مشاكل عديدة عند إضافة صندوق تعليقات الفيسبوك إلى مدوناتهم , ولكن اليوم بإذن الله سنشرح طريقة تركيب هذه الإضافة إي إضافة تعليقات فيسبوك العربية على مدونات بلوجر بخطوات بسيطة و بينة.ومضمونه 100 % فلنبدأ على بركة الله
صور إضافة تعليقات فيسبوك:
طريقة تركيب تعليقات فيس بوك لمدوناتكم
أولا عليك إنشاء تطبيق خاص بك في الفيسبوك .. وذلك عبر الرابط التالي
توجه إلى صفحة إنشاء تطبيقات فيسبوك ثم أدخل اسم التطبيق و اضغط الزر الأزرق "متابعة" لإنشاء التطبيق.
ثم قم بادخال كلمة التحقق و اضغط زر المتابعة، كما بالصورة الآتية:
ثانيا إضافة الأكواد اللازمة إلى قالب المدونة
1- من لوحة التحكم -> قالب -> تحرير HTML
2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات
3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)
<html
ثم بعده مباشرة أضف الكود التالي :
xmlns:fb='http://www.facebook.com/2008/fbml'
الآن ابحث عن
<body>
و بعده مباشرة ألصق الكود الآتي بعد استبدال معرف التطبيق بالأرقام التي نسختها سابقا في الخطوة الأولى قبله :
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'ألصق الـID الذي نسخته سابقا هنا',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/ar_AR/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
بعد ذلك ابحث عن
ثم قبله مباشرة ألصق الكود الآتي:</head>
<b:if cond='data:blog.pageType == "item"'> <meta expr:content='data:blog.pageTitle' property='og:title'/> <meta expr:content='data:blog.url' property='og:url'/> <b:else/> <meta expr:content='data:blog.title' property='og:title'/> <meta expr:content='data:blog.homepageUrl' property='og:url'/> </b:if> <meta content='عنوان المدونة' property='og:site_name'/> <meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/> <meta content='معرف التطبيق ID' property='fb:app_id'/> <meta content='معرف حسابك على فيسبوك ID' property='fb:admins'/> <meta content='article' property='og:type'/>
هذا الكود خاص ب Open Graph protocol وهو يتيح لفيسبوك التعامل مع موقعك أو مدونتك كما لو كان صفحة كما صفحات فيسبوك... طبعا لا تنس تغيير ما أشير إليه بالألوان كما يلي:
عنوان المدونة : عنوان مدونتك أو أي اسم تحب أن يظهر على فيسبوك عندما يعجب أحدهم بإحدى تدويناتك.
الرابط البرتقالي : استبدله برابط صورة لشعار مدونتك.
معرف التطبيق ID : طبعا هو نفسه المعرف الذي نسخته في الخطوة الأولى.
معرف حسابك على فيسبوك ID : هو مجموعة أرقام يمثل حسابك على فيسبوك لمعرفته يمكنك زيارة هذا الموضوع. فبحسابك هذا ستكون مدير التعليقات Admin.
ثم ابحث عن <data:post.body/> و بعده مباشرة ألصق الكود الموالي مع تعديل ما لون:
560 استبدلها بالعرض المناسب الذي تريد أن يبدو عليه صندوق تعليقات فيسبوك، و هذا هو الكود الذي يتولى إظهار صندوق التعليقات، فيمكنك إدراجه في أمكنة أخرى غير الذي ذكر بما يناسب مدونتك:
<b:if cond='data:blog.pageType == "item"'> <div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/> <fb:comments width='560' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1'/> </div> </b:if>
ملاحظة: لمن يملكون قوالب داكنة أو سوداء اللون يمكنه استعمال صندوق تعليقات فيسبوك باللون الأسود و لفعل ذلك نضيف colorscheme='dark' مباشرة بعد <fb:comments في الكود السابق.
و أخيرا اضغط زر الحفظ و هنيئا لك.