الطريقة الصحيحة لإضافة صندوق التعليقات فيسبوك إلى مدونتك.


    تتعدد طرق وضع صندوق التعليقات إلى مدونتك لكن تبقى الطريقة الوحيدة الصحيحة هي الطريقة اللتي سنتطرق إليها اليوم إنشاء الله.

    توجد طريقة صحيحة واحدة لإضافة نظام تعليقات الفيسبوك، إولا أنقر على الرابط التالي : developers.facebook.com/apps.

إضغط على 


ثم إملأ البيانات التالية.



ثم أنقر على Settings


أكتب رابط مدونتك في خانة  App Domains


قم بتحفيظ الثغيرات

الان قم بنسخ كود App ID


الأن نمر إلى الخطوة التانية.

إبحث عن الكود التالي <html

ثم ألصق بعده الكود التالي كما في الصورة أسفله.

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


الان قم بالبحث عن الكود التالي <body> وبعدها ألصق الكود التالي:

 ولا تنسى أن تغيير كلمة (معرف التطبيق App IDبالكود اللتي نسخته في البداية

<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>

الان إبحث عن الكود التالي </head>

وأضف قبله الكود التالي

ولا تنسى أنتغيير العبارات اللتي باللون الأحمر في الكود التالي.

عنوان المدونة = غييره بالعنوان مدونتك.
App ID معرف التطبيق = أكتب الكود اللذي نسخته من قبل مرة أخرى.
ID معرف حسابك على الفيسبوك =  قم بإضافة معرف حسابك على الفيسبوك والذي سيجعلك مديرا للتعليقات  من اجل إدارتها ، ولكي تعرف معرفك الخاص انقر على بروفايلك في الفيسبوك وابحث في الرابط في الاعلى عن إسم المستخدم مثلا حسابي الخاص هو facebook.com/benrahhali إدن المعرف هو benrahhali  ساقوم بإضافته في الكود.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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'/>

اللمسة الأخير

الان إبحث عن الكود التالي  <data:post.body/>

أضف الكود التالي مباشرة أسفله.

<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>

يمكنك تغير الــ width='600' حتى تتناسب مع عرض صندوق التعليقات مع مواضيع مدونتك.

أتمنى أن يكون الشرح واضح والان لم يبقى سوى حفظ التغيرات وأقول لك مع السلامة.
بوشعيب بنرحالي

مدون ومصمم جرافيك وموشن جرافيك، مؤسس موقع Chobixo Tech، كنت أعمل كـ مدير ويب في أحد الجرائد الإلكترونية، أعمل حاليا كـ مترجم تقني لدى شركة EaseUS العالمية المتخصصة في إنتاج أدوات الإدارة الحوسبية - للتواصل معي : Benrahhali00[at]Gmail.com

إرسال تعليق

لا يتم نشر التعاليق إلى بعد مراجعتها من طرف الإدارة، التعاليق أسفل كل مقالة تعبر عن صاحبها، لا نقبل السب والشتم أو الكلام الجارح، إذا رأى اي زائر تعليقا غير مناسب، المرجوا إبلاغنا عن طريق صفحة إتصل بنا الرابط في الشريط السفلي.

أحدث أقدم