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

أول خطوة وهى إنشاء تطبيق على الفيس بوك يتيح لك التحكم بـ التعليقات أنا أنشأت واحداً سابقاً ولكن قمت بعمل تطبيق جديد لكى أشرح لكم والآن إفتح هذا الرابط
https://developers.facebook.com/apps
بعد الدخول إلى هذا الرابط ستجد مثل الصورة التالية
ستقوم بإنشاء تطبيق جديد مع كتابة المعلومات المطلوبة بسيطة جداً مثل الآتى
ستكتب معلومات مثل ما هو موضح ولكن طبعا معلومات تناسبك أنت أم الإسم باللغه (الإنجليزية) فلازم يكون هكذا لانه لن يقبل (عربى) وستختار مجال مدونتك إختار أى شئ ليس (هام جداً)
بعد ذلك والضغط على متابعه تابع معى الآن
ستقوم بكتابة الكلام الخاص بالإختبار الأمنى مثل ما هو موضح بالصورة أعلاه
وفى هذة الصورة أعلاه تقوم بالتأكيد على المعلومات وإختيار الدومين الخاص بموقعك مثل ما هو موضح
تابع معى الخطوة التاليه
ستقوم بكتابة رابط مدونتك / موقعك بنفس الشكل
والآن إذهب إلى تحرير القالب الخاص بك وإبحث عن هذا الكود <html
ستجده أول القالب ضع بجانبة هذا الكود
xmlns:fb='http://www.facebook.com/2008/fbml'
بحيث يكون بهذا الشكل
الآن نبحث عن هذا الكود <body> وبعد مباشرة ذع الكود التالى
<div id="fb-root"></div>
<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/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
- ستجد هذا الكود فى تطبيقك الذى قمت بإنشاءه سنجده بنفس الشكل التالى
الآن إفتح المفكرة من جهازك وضع بها الكود التالى مع تغير ما يناسبك لاننا سنحتاجها ولكن ليس الآن قم بحفظ الكود التالى على المفكرة .
<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHcostwWSMa0fEkdhasrbnsUQOlkrBXDrHf60FucYQyysn79X-sfN4imOBc2CEPmJJn2_dF4A8FVzoExBL2Y-FXqfVf1VtFsnoVDQzzhlib7hLACVSRg2tjQswTX0pHdw4yrRp_CzEpH0/s1600/%D8%A8%D9%86%D8%B1-%D8%AE%D8%A7%D8%B5-%D8%A8%D9%89-125.png' property='og:image'/>
<meta content='اكتب الـID الذي نسخته سابقا هنا' property='fb:app_id'/>
<meta content='انسخ المعرّف (ID) الخاص ببروفايلك في الفيسبوك' property='fb:admins'/>
<meta content='article' property='og:type'/>
كيف أجد معرف الـ id الخاص بحسابى ؟ بسيطة جداً إفتح الرابط الاتى لايجاده
https://graph.facebook.com/hady.mana
مع تغير إسمى بإسمك ستجد المعلومات عن حسابك بما فيها الـ id مثل الصورة التاليه
- الكود السابق الذى تم حفظة فى المفكرة ضعه قبلة هذا الكود مباشرة </head>
- والآن إبحث عن الكود التالى
<data:post.body/>
- ضع الكود التالى بعده مباشرة
- ملحوظة : من الممكن أن تجد أكثر من كود مثل هذا <data:post.body/> قد يكون الأول او الثانى هى نختلف فى بعض القوالب
والآن قم بحفظ القالب وأعذرونى إن قصرت فى شرحى
<b:if cond='data:blog.pageType == "item"'> <script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/> <div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/> <fb:comments migrated='1' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='450'/> </div> </b:if>يمكنك تغيير هذة القيمة بحسب العرض الذى يناسبك width='450'
- ملحوظة : من الممكن أن تجد أكثر من كود مثل هذا <data:post.body/> قد يكون الأول او الثانى هى نختلف فى بعض القوالب
والآن قم بحفظ القالب وأعذرونى إن قصرت فى شرحى
11 تعليق على { شرح بالتفصيل إضافة صندوق تعليقات الفيس بوك لمدونتك }
5 ديسمبر 2013 في 12:47 م [حذف]
جزاك الله الف خير اخي الطيب بارك الله فيك ...
تمت الاضافة بنجاح ...
استاذ الان اعرف من علق على المواضيع من خلال الاعدادات ...
هل استطيع ان اعرف ذلك من خلال الاشعارات عن طريق الفيس ؟
اكرر شكري لك .. دمت بصحة وعافية وخير .
http://safa1434.blogspot.com
5 ديسمبر 2013 في 6:58 م [حذف]
من خلال الحساب الذى أنشاتى عليه التطبيق وفتح هذا الرابط
https://developers.facebook.com/tools/comments
6 ديسمبر 2013 في 9:19 ص [حذف]
شكرا لك بارك الله فيك ...
جعله الله في ميزان حسناتك ...
18 ديسمبر 2013 في 4:15 م [حذف]
أخى ضع الرابط مثل ما هو موضح بالصورة تماماً
28 ديسمبر 2013 في 4:37 م [حذف]
بقالي ساعه ماشي مع الشرح بدون اخطاء وفي الاخر الكود ده
لاقيتو مقرر 3 مرات حطيت الكود بعديه في كل مره ولم يظهر شيء اسفل المواضيع كع الاسف
وشكرا لشرحك الوفي
19 يناير 2014 في 12:29 م [حذف]
أهم شئ أخى نفذت خطوات إن شاء التطبيق صح
12 فبراير 2014 في 3:16 م [حذف]
شكرا لك بارك الله فيك
24 مارس 2014 في 11:10 ص [حذف]
السلام عليكم , ممكن طريقة اضافة رسالة تنبيه زى الموجودة فى مدونتكم لو سمحت !
31 مارس 2014 في 5:34 م [حذف]
انا عندى مش كدة ارجو الحل
8 أبريل 2014 في 5:46 ص [حذف]
ممكن سكرين
8 أبريل 2014 في 11:45 م [حذف]
شكرا لمرورك
هل تريد التعليق على التدوينة ؟