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

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

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


قم بالدخول الى الصفحة التالية لإنشاء تطبيق من هنــا بعد الخول ستظهر هذه النافذه قم بعمل التالي 

Create Facebook APP
 ثم ستظهر هذه النافذة اكتب كلمة التحقق 

Require Captcha
بعد ذلك ادخل الى صفحة التطبيق من هنـا وقم بنسخ معرف التطبيق واحفظه في ملف المفكرة لاننا سنستخدمه كثيراً

APP ID
ثم اضغط على Edit Settings أو تحرير الإعدادات بحسب اللغة التي تستخدمها في حسابك ثم قم بعمل التالي

APp settings
ومن يملك دومين مدفوع يكتبه في خانة الدومين مثال cnmu.com أو cnmu.net أو غير ذلك , هكذا انتهينا من انشاء التطبيق واعداده وننتقل للخطوة الثانية

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

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

Hide Blogger Comments
وهذا الإجراء سيقوم بإخفاء تعليقات بلوجر وبهذا ستكون تعليقات فيس بوك وحدها دون أى ثقل
ثم نقوم بالتركيب كالتالي
نبحث عن <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 == &quot;item&quot;'>
<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 == &quot;index&quot;'>
<span style='float:right; margin-right:3px; margin-left:3px;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoMxMN7Zj-y0W4DPMMED0Rb-g2E8pReSe9d-jX-6dmAXqTgIbWVYN1QNLHsaIhrec8pMSs5GJrVrGHH8e_E1FD1KoMOZOZVAQiiOLrkh3c9Z-iz9pefCrcGe7DeujYiwC-Qr8QuFh23M2W/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'>
تم بفضل الله وبالتوفيق للجميع

Related Posts

Subscribe Our Newsletter