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

9/01/2014

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

    توجد طريقة صحيحة واحدة لإضافة نظام تعليقات الفيسبوك، إولا أنقر على الرابط التالي : 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' حتى تتناسب مع عرض صندوق التعليقات مع مواضيع مدونتك.

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

بنرحالي بوشعيب مغربي من مواليد 1992 مدون ومصمم جرافيكس مؤسس مدونة شوبيكسو للمعلوميات وموقع بنرحالي لتصاميم المجانية، أهتم بأخر أخبار التقنية والتكنولوجية أقضي كل فراغي أمامة شاشة حاسوبي.

مواضيع ذات صلة

التالي
« السابق
السابق
التالي »