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

اضافة نموذج تعليقات Facebook  لمدونات blogger ..  

تعليقات فيس بوك
المكون الاضافى فيس بوك  Comments Box  اطلق عام 2009 بواسطة Facebook developers  والهدف منة امكانية التعليق فى اى موقع الكترونى بواسطة حسابك الشخصى على فيس بوك ومشاركة التعليق او المحتوى على صفحتك على الفيس بوك ...

لانشاء المكون الاضافى " نموذج تعليقات شبكة الفيس بوك الاجتماعية "  

اولا اذهب الى موقع فيس بوك مطورين   facebook developers"  https://developers.facebook.com/apps"


اضغط انشاء تطبيق جديد
تطبيق فيس بوك
FACEBOOK APP
بعد استكمال عملية انشاء التطبيق سوف يقوم فيس بوك بتزويدك ببيانات ستحتاج اليها لاحقا ومن اهمها رقم معرف التطبيق App ID

 App ID/API Key ....
الان ناتى للمرحلة الثانية :
  • اضافة نموذج تعليقات الفيس بوك بقالب مدونة بلوجر 
* ملاحظة يجب التاكد اولا من انك تستخدم نموذج تعليقات بلوجر اسفل التدوينات
  1. اذهب الى لوحة تحكم بلوجر 
  2. تحرير HTML 
  3. اضغط توسيع النموذج
  4. ابحث عن الكود التالى ..
 <html 

وبعدة مباشرة اضف الكود التالى...

xmlns:fb='http://www.facebook.com/2008/fbml'
ابحث عن الكود التالى ..

 <body expr:class='&quot;loading&quot; + data:blog.mobileClass'> 
وبعدة مباشرة اضف الكود التالى...

<div id='fb-root'/>
<script>
    window.fbAsyncInit = function() {
    FB.init({
      appId  : &#39;App ID/API Key&#39;,
      status : true, // check login status
        cookie : true, // enable cookies to allow the server to access the   session
      xfbml  : true  // parse XFBML
    });
  };
    (function() {
    var e = document.createElement(&#39;script&#39;);
      e.src = document.location.protocol +   &#39;//connect.facebook.net/en_US/all.js&#39;;
    e.async = true;
      document.getElementById(&#39;fb-root&#39;).appendChild(e);
    }());
</script>
*استبدل  App ID/API Key  برقم تعريف App ID للتطبيق الذى انشاتة مسبقا  
ابحث عن الكود التالى..

 </head> 
واعلاة  مباشرة اضف الكود التالى..

<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content=' كود بلوجر ' property='og:site_name'/>
<meta content=' App ID/API Key   ' property='fb:app_id'/>
<meta content=' http://www.facebook.com/CASERMEMO ' property='fb:admins'/>
<meta content='article' property='og:type'/>

 واستبدل كل من القيم الملونة كالتالى ..
  1. كود بلوجر بعنوان مدونة بلوجر الخاصة بك 
  2. استبدل  App ID/API Key  برقم تعريف App ID للتطبيق 
  3. استبدل  CASERMEMO  بعنوان معرف البروفايل الخاص بادمن الابلكيشن 

ابحث عن الكود التالى..

 <b:includable id='comment-form' var='post'> 

وبعدة مباشرة اضف الكود التالى..

<div class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="470"></div>

الان لقد اتممت عملية اضافة صندوق تعليقات الفيس بوك الى مدونة بلوجر "blogger"

اذا واجهت اى مشاكل اثناء اجراء العملية او وجدت انك وصلت لنتائج كارثية :

( لا تقلق ابدا وراسلنى فورا من خلال نموذج التعليقات وسوف نقوم سويا بحل المشكلة وبكل بساطة :)

احصل دوريا على اخر مقالات كود بلوجر

هناك 61 تعليقًا:

  1. عايز امسح تعليق فيس بوك ازاي انا حزفته بس لما بخرج من الفيس بيبقي موجود لو سمحت تشرحلي ازاي امسحه الي الابد
    http://egytower.blogspot.com/

    ردحذف
    الردود
    1. السلام عليكم ... ممكن حضرتك تبعتلى الرابط بتاع الموضوع الى فية المشكلة عشان اقدر احدد الخطا فين واقدر اساعدك افضل

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

      اتمنى اكون وضحت النقطة .

      حذف
  2. شرح بالفيديو لانشاء صندوق التعليقات
    http://www.youtube.com/watch?v=hhzM27Uiqq0

    ردحذف
    الردود
    1. فيديو مميز ورائع شكرا لك فارس .. نورت المدونة

      حذف
  3. http://www.youtube.com/watch?v=hhzM27Uiqq0
    شرح بالفيديو انشاء تاب صندوق التعليقات

    ردحذف
  4. أزال المؤلف هذا التعليق.

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

    ردحذف
    الردود
    1. السلام عليكم .. ممكن من فضلك توضح النتيجة الى وصلتلها اية واذا امكن عشان اقدر اساعدك بطريقة افضل تعطينى بيانات اكثر مثل عنوان المدونة ....

      بالتوفيق ان شاء الله

      حذف
    2. النتيجه هي ولا كان عملنا حاجه مابيظهرش

      حذف
  6. السلام عليكم ورحمة الله وبركاته
    لك كل الشكؤ أخي على هذا الشرح المتميز

    لدي مشكل:
    لك أجد هذا الكود " "

    أرجو مساعدتك

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

    ردحذف
  8. انا اعملته كتير واعملت متل ما هو موضح هون وما القيت مشاكل بس ما فيه شي انضاف كمان مش عارف ليش ...بليز اذا بتقدر تساعدني .. مشكور

    ردحذف
  9. اخوي ياليت تقول ايش المشكله
    حدث خطأ أثناء تحليل XML، في السطر 3، العمود 62: Element type "html" must be followed by either attribute specifications, ">" or "/>".

    ردحذف
  10. انا اتجننت من الموضوع دى مش عاوز يتعمل خالص بعد ما بتبع الخطوات بعمل معاينه يا اما القالب كله فنش يا اما يتفتح ومش عاوز يظهر ايه الحل بقى هااااااااااااا
    http://mystermima.blogspot.com/2013/03/blog-post_6383.html

    ردحذف
    الردود
    1. السلام عليكم ,, اخى الكريم الاضافة لن تظهر الا فى المواضيع الجديدة يعنى بعد الانتهاء من الخطوات قم باضافة موضوع جديد وسوف تجد صندوق التعليقات ظهر بعد ذلك اسفل الرسالة او الموضوع

      حذف
  11. جزاك الله خيراً على الشرح , ولكن :
    لم يظهر لدي صندوق التعليقات , ولم أجد أصلاً الكود التالي :
    expr:class='"loading" + data:blog.mobileClass'



    مدونتي : http://jobsfrominternet.blogspot.com/

    ردحذف
  12. لو سمحت انا قمت بجميع الخطوات السابقة لكن الكود الاخير لم اجده ،، تعبت وانا أبحث عنه ولكن بدون فائدة ؟؟

    ردحذف
  13. يا اخى والله حاولت اكثر من خمسين مرة لدرجة انى انشات مدونة جديدة لانىشكيت انى حصل اخطاء كتير ولاكن نفس المشكلة خطا فى تحليل السطر ومرة غير قادر على تحليل ومشاكل ما بتنتهى

    ردحذف
  14. يا راجل والله حاولت اكثر من خمسين مرة ولم تفلح لدرجة انى غيرة القالب مدونة جديدة تماما بسب شكى فى اخطاء فى القالب ولكن مازلت المشكلة موجودة خطاء فى تحليل السطر ومرة غير قتدر على التحليل ومشاكل ما بتنتهى دى مدونتى http://sm975.blogspot.com يا ريت لو فى حل انا اشتركت فى موقعك علشان اتابع معاك ودة رابط حسابى على فيس بوك ياريت تتواصل معى https://www.facebook.com/alaisaway

    ردحذف
    الردود
    1. السلام عليكم , 1- ققم بتحويل الكود الذى يظهر رسالة خطا وحاول الحفظ مرة اخرى ,,
      2- بعد الانتهاء من اعداد الاضافة فى بعض القوالب لا تظهر على المشاركات القديمة *
      اذا قم باضافة موضوع جديد وعاين الاضافة وقم بتجربة القالب على اكثر من متصفح

      بالتوفيق ان شاء الله

      حذف
  15. شكراً على الجهود جاري التجربة

    ردحذف
  16. حاولت تطبيق الشرح على مدونتي Student Loans Journal لكني لم أنجح ... هل من حل آخر؟؟؟

    ردحذف
    الردود
    1. السلام عليكم ,, اخى الكريم الاضافة لن تظهر الا فى المواضيع الجديدة يعنى بعد الانتهاء من الخطوات قم باضافة موضوع جديد وسوف تجد صندوق التعليقات ظهر بعد ذلك اسفل الرسالة او الموضوع

      حذف
  17. لا خلاص نجحت والحمد لله انا وهى كانت صعبة ولكن بعد كدة اصبحت سهلة هى بس محتاجة تركيز فى البداية لكن بعد التنفيذ بتحس انها سهلة

    ردحذف
  18. شكراً على الجهود جاري التجربة
    http://developpers-web.blogspot.com

    ردحذف
  19. رمضان كريم كل عام وانتم بخير
    http://www.arabie3lan.com

    ردحذف
  20. السلام عليكم

    جزاك الله خيرا اخى على الموضوع الجميل
    نفعنا الله واياك بكل خير ونفع بنا العباد

    تحياتى لجهدك الطيب
    صور مشبات
    http://shomane.blogspot.com/

    http://mchabat.3abber.com

    ردحذف
  21. مشكووور كثير وجاري التجربة

    ردحذف
  22. لكن يا اخي اقد نسيت ان تقول لنا بدلوا http://example.com بال URL الخاس بمدونتك في المرحلة الثالثة http://00internet.blogspot.com/

    ردحذف
  23. الردود
    1. السلام عليكم ,, اخى الكريم الاضافة لن تظهر الا فى المواضيع الجديدة يعنى بعد الانتهاء من الخطوات قم باضافة موضوع جديد وسوف تجد صندوق التعليقات ظهر بعد ذلك اسفل الرسالة او الموضوع

      حذف
  24. بردو مظهرش اعمل ايه

    ردحذف
    الردود
    1. السلام عليكم ,, اخى الكريم الاضافة لن تظهر الا فى المواضيع الجديدة يعنى بعد الانتهاء من الخطوات قم باضافة موضوع جديد وسوف تجد صندوق التعليقات ظهر بعد ذلك اسفل الرسالة او الموضوع

      حذف
  25. انا عاشقة ساسكي القمر الجميل ارحب بكم

    ردحذف
  26. مشكووور تم http://cours-ntic1.blogspot.com/

    ردحذف
  27. جزاك الله خيرا على الشرح ولكن اخى العزيز لم تعمل عندى هل هذا بسبب صندوق تعليقات disques

    ردحذف
    الردود
    1. السلام عليكم ,, اخى الكريم الاضافة لن تظهر الا فى المواضيع الجديدة يعنى بعد الانتهاء من الخطوات قم باضافة موضوع جديد وسوف تجد صندوق التعليقات ظهر بعد ذلك اسفل الرسالة او الموضوع

      حذف
  28. انا اصلا مش لاقى الكود يااخى <b + data:blog.mobileClas

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

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

      حذف
  30. شكراا لك على الشرح ونتمنى منك المزيد من العطاء والتقدم

    ردحذف
    الردود
    1. انا زهقت من كل دةوالله وعملت وجربت كل حاجة وم رادية تتعمل بردة انا لسة مبتدا ف ممكن اديك باس و اميل وتعملهالى بليز اخى الكريم اكلمك خاص ازاى

      حذف
  31. السلام عليكم انا مش عملت كل دةومش فى حاجة جت بدرة وان زهقت وومش عار اعمل اى ممكن اديك المدونة وتعمليهالى انت بييييييييييييز

    ردحذف
  32. ودا اميلى ا يعنى نتكلم علية بليز https://www.facebook.com/eweas4?ref=tn_tnmn

    ردحذف
  33. شرح رائع جدااااا
    في انتظار المزيد
    http://continuededucationfree.blogspot.com/

    http://qatar-marketing.blogspot.com/

    ردحذف
  34. مشكووووووووووووووووووور

    ردحذف
  35. جززززززززززززززززززززززاك الله خيرا"

    ردحذف
  36. موقع عراق المستقبل
    http://www.iraq-future.com/

    ردحذف
  37. يا خراااااااااااابي القالب باظ

    ردحذف
  38. أخي الكريم كل شيئ ظبط ماعدا آخر شيئ وهو


    وبعدة مباشرة اضف الكود التالى..




    عندما أقوم بعمل هذا الشيئ يكتب لي
    The widget with id "Blog1" cannot contain element: "div". A widget can only contain b:includable elements

    ردحذف


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