الثلاثاء, ديسمبر 11, 2012

إضافة صندوق تعليقات الفيسبوك بأحدث طريقه لتدويناتك على بلوجر

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

هذا سبب , والسبب الآخر أنى وجدت الكثير من التدوينات الموجوده على الإنترنت والتى تتناول هذه الإضافه بالشرح إما أنها لا تقدم شرحا وافيا وصحيحا , وإما أنها تقدم شرحا قديما ولا يتناسب مع الوضع الحالى من حيث التطورات , كما أن بها بعض العيوب , ولذلك إليكم شرح مفصل لكيفية إضافة صندوق تعليقات الفيسبوك لمدوناتكم على بلوجر .
قم بالضغط على هذا الرابط وسيفتح لك صندوق حوارى يطلب منك أن تدخل سطرين من البيانات
إدخل فى السطر الأول إسم التطبيق وليكن مثلا ( تعليقات الفيسبوك ) أو أى إسم تريده .
إدخل فى السطر الثانى إسم مدونتك بالإنجليزيه ( ar-blogger-tips ) مثلا أو أى إسم تريده .
ثم إضغط إستمرار أو متابعه أو continue تبعا للغة إستخدامك للفيسبوك .
سيظهر لك مربع حوارى آخر به كلمه للتحقق , قم بإدخالها ثم إضغط متابعه .
ستجد أن المربعات الحواريه قد أغلقت وظهرت أمامك الصفحه بها بيانات , وهى ما يهمنا كما فى الصوره .
إفتح تحرير HTML الخاص بقالب مدونتك وقم بتوسيع القالب ثم إتبع الآتى :
إبحث عن الكود التالى
<html
أضف بعده مباشرة الكود التالى
xmlns:fb='http://www.facebook.com/2008/fbml'
سيصبح شكل الكود كاملا كالشكل التالى
<html xmlns:fb='http://www.facebook.com/2008/fbml' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
ثم إبحث عن الكود التالى
<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>
وقم بإستبدال كلمة معرف التطبيق ذات اللون الأحمر برقم App ID/API Key المعطى لك فى البيانات التى حصلت عليها سابقا .
بعد ذلك قم بالبحث عن الكود التالى
</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='معرف التطبيق ID'   property='fb:app_id'/>
<meta content='معرف حسابك على فيسبوك ID'   property='fb:admins'/>
<meta content='article'   property='og:type'/>
قم بتغيير عنوان المدونه وإكتب عنوان مدونتك
قم بتغيير الرابط ذو اللون البرتقالى إلى رابط الصوره التى ترمز لمدونتك
قم بتغيير معرف التطبيق ID إلى رقم App ID/API Key المعطى لك فى البيانات السابقه
قم بتغيير معرف حسابك على فيسبوك ID إلى معرف حسابك الحقيقى على الفيس بوك , فمثلا من الممكن أن يكون إسما هكذا
https://www.facebook.com/yaso.actor
أو من الممكن أن يكون أرقاما هكذا
https://www.facebook.com/profile.php?id=100006891387389
وبعد أن تنتهى من هذه التعديلات قم بالبحث عن الكود التالى
<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='560' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1'/>
</div>
</b:if>
تستطيع تغيير عرض الصندوق من خلال تغيير الرقم باللون الأحمر .

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

27 تَعْلِيق:

  1. شكرا لك أخي الكريم
    تم التطبيق في مدونتي
    مدونة خلفان

    ردحذف
  2. شكرا لك أخي الكريم
    تم التطبيق
    http://techprf.blogspot.com/

    ردحذف
  3. شكرا لك أخي
    كل يوم معلومة ثقافية
    http://dailyculturalinfo.blogspot.com

    ردحذف
  4. السلام عليكم حولت كتير اجرب هذه الطريق ولكن لاسف بيظهر خطا لما بكت الكود xmlns:fb='http://www.facebook.com/2008/fbml'

    ارجو المساعده ولو في طريقه اخري
    http://technicalitiinformation.blogspot.com/

    ردحذف
  5. جاري التحميل ... انشا الله يعمل يا رب هههههه
    شكرااا لك .

    ردحذف
  6. تسلم ياكبير
    http://elmansurahazw.blogspot.com/

    ردحذف
  7. اخي عندي مشكلة ارجو تساعدني فيها الكود الأخير منو 4 في مدوني وراء اي واحد فيهم راح احط الإضافة الأخيرة. وشكرا مسبقا

    ردحذف
  8. رائع يا ياسو
    http://ar-free-software.blogspot.com/

    ردحذف
  9. يارك الله فيك اخي.
    تابعوني على مدونة الفضاء
    al-fadae.blogspot.com

    ردحذف
  10. اخى لا يوجد عندى هذا body

    ردحذف
  11. شكرا
    كل ما يخص الانترنت
    4upx.blogspot.com

    ردحذف
  12. جميل قد طبقته على مدونتي
    https://arabia7oura.blogspot.com

    ردحذف
  13. السلام عليكم ورحمة الله وبركاتة
    شكرا لمجهودك الرائع
    عندما قمت بالبحث عن الكود
    body لم اجدة

    وكذلك الكود

    head
    لم اجدة ما الحل ارجوا المساعدة

    ردحذف
  14. اخى انا قمت بالمطلوب واضفت الكود واشتغل تمام ولكن عندما يتم التعليق بنظام بلوجر يتم اختفاء تعليقات الفيس بوك
    فما العمل ؟

    ردحذف
    الردود
    1. انا عندى نفس المشكلة .. ايه الحل ؟؟

      حذف
  15. لقد قمت بكل ما ينبغي و لم تظهر تعليقات الفيس تحت التدوينات
    أريد مساعدة من فضلكم

    ردحذف
  16. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  17. اخي الكريم مش لاقي الكود بتاع البودي
    ارجو القاء نظره علي مدونتي لو سمحت
    yoooooou.blogspot.com/

    ردحذف
    الردود
    1. اخى انت لم تحرر القالب بالطريقة الصحيحة بل فتحت صنجوق تحرير المتصفح انت هتفتح تحرير html
      تضغط فى الصندوق ضغطر بزر الفارة اليسر تضغط ctrl+fوستجد الكود بأذن الله

      حذف
  18. يا اخي مش اتسبتت عندي

    ردحذف
    الردود
    1. راجع طريقة التركيب وتاكد من تحرير القالب

      حذف
  19. السلام عليكم...
    اريد مسح صندوق التعليقات الخاص ببلوجر من html

    ردحذف
  20. شكرا اخي العزيز (h)

    ردحذف
  21. اخى العزيز انا لم اجد كود body لما جيت ابحث عنه ارجو الرد ضرورى

    ردحذف
    الردود
    1. اخى انت لم تحرر القالب بالطريقة الصحيحة بل فتحت صنجوق تحرير المتصفح انت هتفتح تحرير html
      تضغط فى الصندوق ضغطر بزر الفارة اليسر تضغط ctrl+fوستجد الكود بأذن الله

      حذف