الموضوع الشامل حول تعليقات فيس بوك

تعليقات فيس بوك أحد أهم نماذج التعليقات المتاحة للمواقع بشكل عام ولمنصة بلوجر بشكل خاص وهي تساهم في نشر المدونة على الفيس بوك مع كل تعليق وهي الخيار المثالي للمدونات المتخصصة في الفيس بوك أو المدونات التي تقوم بناء على أحد صفحات الفيس بوك لكن لحظة لا تتعجل وتكمل الموضوع قبل قراءة الموضوع التالي لتعرف هل هذه التعليقات مناسبة لمدونتك أم لا, تعرف على أنظمة التعليقات وإختيار نظام يتناسب مع مدونتك إن كنت قرأت الموضوع ورايت أن هذا النظام مناسب لك فاتبع التالي ملحوظة نحن سنعمل على استبدال نظام التعليقات الخاص ببلوجر بنظام تعليقات فيس بوك وليس اضافتهما معا حتى لا تصبح المدونة ثقيلة ويطفش زوارك ^_^؛ ركز جيدا في الموضوع خطوة خطوة لضمان النجاح بإذن الله

الخطوة الأولى انشاء تطبيق على الفيس بوك

قم بالدخول الى الصفحة التالية لإنشاء تطبيق من هنــا ثم اضغط على Create App

ثم ستظهر هذه النافذة قم بعمل التالي

ثم اكتب رقم التحقق

بعد ذلك ادخل الى صفحة التطبيق من هنـا وقم بالضغط على اسم التطبيق الذي انشأته وانسخ المعرف

بعد الضغط على إعدادت قم بعمل التالي

ومن يملك دومين مدفوع يكتبه في خانة الدومين مثال cnmu.com أو cnmu.net أو غير ذلك
بعد الضغط على Add Platform
ستظهر هذه النافذة

ثم املأ الخانات بالشكل التالي

الخطوة الثانية تركيب نظام التعليقات

أولا قم بالدخول لإعدادات مدونتك ثم اختر مشاركات وتعليقات ثم من جوار موقع التعليقات حدد اخفاء

وهذا الإجراء سيقوم بإخفاء تعليقات بلوجر وبهذا ستكون تعليقات فيس بوك وحدها دون أى ثقل
ثم نقوم بالتركيب كالتالي
نبحث عن <html ثم نستبدله بهذا الكود

<html xmlns:fb='http://www.facebook.com/2008/fbml'

ثم فوق الوسم </body> أضف الكود التالي

<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
    FB.init({xfbml: true, appId: معرف التطبيق });
};
(function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/ar_AR/all.js'
    document.getElementById('fb-root').appendChild(e);
}());
</script>

مع وضع رقم معرف التطبيق

ثم نبحث عن هذا الكود <div class='comments' id='comments'>
ونضيف تحته الكود التالي

<b:if cond='data:blog.pageType == "item"'>
<div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<fb:comments width='600' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1'/>
</div>
</b:if>

الرقم 600 هو عرض الصندوق يمكنك زيادته او انقاصه بحسب مساحة مدونتك

ثم بعد الوسم <head> نضيف هذا الكود

<meta property="fb:app_id" content="{معرف التطبيق}"/>
<meta property="fb:admins" content="{معرف الحساب}"/>

ونستبدل أيضا معرف التطبيق ومعرف حسابك على الفيس بوك ويمكنك الحصول عليه بالطريقة التالية
استبدل كلمة YourProfile في هذا الرابط بإسم عضويتك ثم افتحه بالمتصفح
https://graph.facebook.com/YourProfile
في الصفحة التي ستظهر ستجد رقم بجوار كلمة id هذا هو معرف حسابك انسخه
وهكذا انتهينا تماما من التركيب
ملحوظة ان كانت مدونتك جماعية يمكنك عمل فاصلة , بجوار معرف حسابك ثم اضافة معرف مشرف آخر على التعليقات ثم فاصلة ومعرف مشرف آخر وهكذا
ثم ادخل الى هذه الصفحة من هنا واضغط على اسم التطبيق ان كان لديك أكثر من واحد ثم على الإعدادات واضف المشرفين بالطريقة التالية

الخطوة الثالثة الإضافية عداد التعليقات

هذه خطوة اضافية اختيارية كما قلنا نحن سنستبدل التعليقات لذا نحتاج الى وجود عداد للتعليقات
وهذا هو أضف الكود التالي

<b:if cond='data:blog.pageType == "index"'>
<span style='float:right; margin-right:3px; margin-left:3px;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAEEVfvCYqKuacQjEQce4MWz4XqKUgpQCQok3Aqm_sW8nFWzh2AvozhipTDPVGAngYAXZf8RvWwLtcXRseQO4SoePo3cCJ6ISw9vygNcvRDWcQ1Ndfbljv2Kb_YIiFRT6pVvGLuNumeiyQ/s16/facebook_icon.gif'/>
<a class='comment-link' expr:href='data:post.addCommentUrl'><fb:comments-count expr:href='data:post.url'/> تعليق </a></span>
</b:if>

تحت أحد هذه الأكواد

<div class='post-header'>

<div class='post-header-line-1'/>

<div class='post-footer'>

تم بفضل الله وبالتوفيق للجميع

201