بسم الله والصلاه والسلام على سيدنا محمد ابن عبدالله..الطريقة الصحيحة لأضافة تعليقات الفيسبوك الى مدونتك على بلوجر ..
قم بالذهاب الى FacebookDevelopers
ثم اضغط على Creat New App
ثم اكتب اسم التطبيق في الخانة الاولى وعدل على الخيار Category اختر Apps of pages ثم اضغط Creat App
بعد ذلك اختر Setting من القائمة الجانبية
ثم اضغط على Add platform
بعد ذلك اختر Website
ثم ادخل رابط موقعك ثم Save Change
قم بنسخ الـ App id لانه سيلزم خلال الشرح التالي
أولاً انتقل الى لوحة التحكم ثم قم بعمل نسخة احتياطية للقالب
بعد ذلك اذهب الى قالب ثم تحرير HTML
الان من خلال النقر على Ctrl+F ابحث عن الكود التالي
<html
واضف أمامه مباشرة الكود التالي..
xmlns:og='http://ogp.me/ns#'
ليصبح بهذا الشكل.
بعد ذلك قم بالبحث عن الكود التالي.
<body>
واضف بعده مباشرة الكود التالي..
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR_APP_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/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR_APP_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/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
وقم بتغيير YOUR_ADD_ID بالكود الذي حصلت عليه من التطبيق.. ليصبح الشكل النهائي هكذا
بعد ذلك ابحث عن الكود التالي
</Head>
وفوقه مباشرة ضع الكود التالي
<meta content='YOUR_APP_ID' property='fb:app_id'/>
مع تغيير YOUR_APP_ID بالكود الذي حصلت عليه من التطبيق
ليصبح الشكل النهائي هكذا
بعد ذلك ابحث عن الكود التالي.
<b:includable id='comment-form' var='post'>
اذا لم تجده ابحث عن الكود التالي.
<div class='post-footer-line post-footer-line-1'></div>
وتحته مباشرة (اسفله) ضع الكود التالي..
<b:if
cond='data:blog.pageType == "item"'>
<div
style='padding:20px 0px 5px 0px; margin:0px 0px 0px 0px;'>
<script
src='http://connect.facebook.net/en_US/all.js#xfbml=1'
/>
<div>
<fb:comments
colorscheme='light'
expr:href='data:post.url'
expr:title='data:post.title'
expr:xid='data:post.id'
width='550'
/>
</div>
</div>
</b:if>
ليصبح الشكل النهائي هكذا .
لتغيير لغة التعليقات الى العربية اضف الكود التالي
src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'
مكان
src='http://connect.facebook.net/en_US/all.js#xfbml=1'
ثم احفظ القالب ومبروك عليك
اتمنى انكم استفدتم . اذا واجه احد مشكلة يتواصل معي عبر التعليقات وانشاء الله اجاوبه بأسرع وقت .
لا تبخلو علينا بردودكم المشجعة
ليست هناك تعليقات:
إرسال تعليق