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

اضافة تعليقات الفيسبوك لمدونات بلوجر بالطريقة الصحيحة
 معاينة تعليقات الفيسبوك http://bl-te.blogspot.com/2013/05/2.html
اولا يجب عليك إنشاء تطبيق خاص على الفيسبوك
اذهب إلى هذه الصفحة لاإنشاء تطبيقات فيسبوك
ادخل اسم التطبيق ثم اضغط على متابعة


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

بعدها ادخل الرمز

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

بعدها توجه لصفحة التطبيقات https://developers.facebook.com/apps
اضغط على Edit Settings‎
اضافة تعليقات الفيسبوك لمدونات بلوجر بالطريقة الصحيحة

 عدل على التطبيق كما في الصورة ثم اضغط حفظ التغييرات

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

احفظ اي دي التطبيق App ID: سنحتاجه عند ادخال الاكواد

بعد اكمال التعديل على التطبيق اذهب الى لوحة تحكم بلوجر ثم قالب ثم تحرير HTML
لاتنسى اخذ نسخة احتياطية للقالب
ابحث عن <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> ثم قبله مباشرة ضع الكود :

<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='اي دي التطبيق'   property='fb:app_id'/><meta content='اي دي حسابك على الفيسبوك'   property='fb:admins'/><meta content='article'   property='og:type'/>



 ابحث عن <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='650' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1'/></div></b:if>

يمكنك وضع الكود الاخير  بعد <data:post.body/> اذا لم يظهر صندوق التعليقات











إرسال تعليق

  1. شكرا على الشرح

    ردحذف
  2. طيب حضرتك ف قالب مدونة احمد سعدي في 5 من انهي واحده منهي

    ردحذف
    الردود
    1. هذا القالب الاصلي:
      http://ahmed-iq.blogspot.com/2013/04/ahmed-alsaadi-template.html

      حذف
    2. ايوه انا منزله من عندك ويوجد 5 <'comments' id='comments'> ممكن تجرب :)

      حذف
    3. جرب ضع الكود تحت اي واحد منها
      ويمكن وضع الكود تحت <data:post.body/

      حذف

 
Top