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


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

صور إضافة تعليقات فيسبوك:


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

أولا عليك إنشاء تطبيق خاص بك في الفيسبوك .. وذلك عبر الرابط التالي


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


 ثم قم بادخال كلمة التحقق و اضغط زر المتابعة، كما بالصورة الآتية:
الان قم باتباع الخطوات التاليه كما هو موضح في الصوره
كما وضح من خلال الصورة ستدخل رابط مدونتك و رابط اسم النطاق الذي عليه مدونتك، مثلا blogspot.com لمدونات بلوجر التي لا تستعمل اسم نطاق خاص. كذلك ستكون قد نسخت معرف التطبيق الموضح في الصورة لانك ستحتاجه فيما بعد.


ثانيا إضافة الأكواد اللازمة إلى قالب المدونة

   1- من  لوحة التحكم -> قالب -> تحرير HTML

     2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات 
     3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)
 <html 

 ثم بعده مباشرة أضف الكود التالي :


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


الآن ابحث عن

 <body> 

و بعده مباشرة ألصق الكود الآتي بعد استبدال معرف التطبيق بالأرقام التي نسختها سابقا في الخطوة الأولى قبله :



<div id='fb-root'/> 
<script> 
    window.fbAsyncInit = function() { 
    FB.init({ 
      appId  : 'ألصق الـID الذي نسخته سابقا هنا',
      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/ar_AR/all.js&#39;; 
    e.async = true; 
      document.getElementById(&#39;fb-root&#39;).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='معرف التطبيق ID' property='fb:app_id'/> <meta content='معرف حسابك على فيسبوك ID' property='fb:admins'/> <meta content='article' property='og:type'/>


هذا الكود خاص ب Open Graph protocol وهو يتيح لفيسبوك التعامل مع موقعك أو مدونتك كما لو كان صفحة كما صفحات فيسبوك... طبعا لا تنس تغيير ما أشير إليه بالألوان كما يلي:
عنوان المدونة : عنوان مدونتك أو أي اسم تحب أن يظهر على فيسبوك عندما يعجب أحدهم بإحدى تدويناتك.
الرابط البرتقالي : استبدله برابط صورة لشعار مدونتك.
معرف التطبيق ID : طبعا هو نفسه المعرف الذي نسخته في الخطوة الأولى.
معرف حسابك على فيسبوك ID : هو مجموعة أرقام يمثل حسابك على فيسبوك لمعرفته يمكنك زيارة هذا الموضوع. فبحسابك هذا ستكون مدير التعليقات Admin.


ثم ابحث عن <data:post.body/> و بعده مباشرة ألصق الكود الموالي مع تعديل ما لون:
560 استبدلها بالعرض المناسب الذي تريد أن يبدو عليه صندوق تعليقات فيسبوك، و هذا هو الكود الذي يتولى إظهار صندوق التعليقات، فيمكنك إدراجه في أمكنة أخرى غير الذي ذكر بما يناسب مدونتك:

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


ملاحظة: لمن يملكون قوالب داكنة أو سوداء اللون يمكنه استعمال صندوق تعليقات فيسبوك باللون الأسود و لفعل ذلك نضيف colorscheme='dark' مباشرة بعد <fb:comments في الكود السابق.

و أخيرا اضغط زر الحفظ و هنيئا لك.

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

  1. شكرآ جزاك الله خير

    ردحذف
    الردود
    1. امين واياك اخي مشكور على مرورك العطر

      حذف
  2. انا لدي قالب فية صندوق تعليقات الفيس بوك هل استطيع اخذ الكود و اضعة على قالب اخر , و كيف ؟

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

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

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

      http://im34.gulfup.com/MWzp4.png

      حذف
  4. السلام عليكم
    الف شكر ليك
    انا وصلتلها الحمد لله وعملت زى الشارح بالظبط بس المشكله انه مظبتطش معايا
    ياريت لو فيها غلاسه ده رابط القالب لو ممكن يعنى تعملهالى
    http://www.mediafire.com/?7w10ha668sef51g
    اما بالنسبه لل id
    573527449373753
    وده بتاع الفيس البيج
    https://www.facebook.com/Kitchen.Of.Aya?ref=profile
    ياريت تساعدنى

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

    ردحذف
    الردود
    1. اختي الكريم القالب الذي قمته برفعه غير سليم وعند تركيبه تظهر اخطاء يرجى تحميله من جديد واعادة رفعه
      او قومي باعادة تركيب ااضافة الفيس بوك واذا حصل خطا فتجاهلي الخطوه الثانيه والتي تقتضي باضافة كود
      xmlns:fb='http://www.facebook.com/2008/fbml'
      وان شاء الله ستنجحين في اضافة التعليقات للقالب

      حذف
  6. غير معرف4/10/13 10:26

    سلام ياخي فيه مشكلة باللصندوق انا طبقت كل الي قلته بس ابغاه يكون اسفل بقليل مثال ::
    http://im32.gulfup.com/tGarQ.png

    ردحذف
    الردود
    1. غير معرف4/10/13 10:29

      ابغاه يكون مكان السهم ... الي في الصوره

      حذف
  7. غير معرف4/10/13 16:16

    وووووينك اخي !!

    ردحذف
  8. (h)

    شكراا أخي شرح مميز

    ردحذف
    الردود
    1. العفو اختي (f) (f) (f) شكرا لمرورك العطر

      حذف
  9. غير معرف7/11/13 23:10

    :-t :-t :-t :-t :-t :-t :-t :-t :-t :-t :-t :-b :-b :-b :-b v :-b =)) =)) =)) =)) :>) :>)

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

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

      حذف
  11. لتوضيح اخي العزيز هذا وجدته اكثر من مرة 8-)

    ردحذف
  12. كانت مفعلة الان ازلتها وما يزال نفس المشكل تعليقات البلوجر غير موجودة (b) (b) v (b) v :)) :))

    ردحذف
  13. السلام عليكم اخي جلال اريد كود او مساعدة اخي الكريم
    انا اريد ان اعطل كلك يمين في صفحة واحدة فقط من مدونتي ارجو ردك اخي

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

      <script type="text/javascript">
      function mischandler(){
      return false;
      }
      function mousehandler(e){
      var myevent = (isNS) ? e : event;
      var eventbutton = (isNS) ? myevent.which : myevent.button;
      if((eventbutton==2)||(eventbutton==3)) return false;
      }
      document.oncontextmenu = mischandler;
      document.onmousedown = mousehandler;
      document.onmouseup = mousehandler;
      var isCtrl = false;
      document.onkeyup=function(e)
      {
      if(e.which == 17)
      isCtrl=false;
      }
      document.onkeydown=function(e)
      {
      if(e.which == 17)
      isCtrl=true;
      if((e.which == 85) || (e.which == 67) && isCtrl == true)
      {
      // alert(‘Keyboard shortcuts are cool!’);
      return false;
      }
      }

      </script>


      هذا كل شي

      حذف
  14. شكرا لك اخي العزيز الله يسعدك ويعطيك الصحة وربنا يعطيك كل ما تتمنى اخوك محمد من المغرب :>) :>) :>)

    ردحذف
    الردود
    1. الله يرضى عليك اخي محمد ,, شكرا لمرورك

      حذف
  15. السلام عليكم اخي جلال ممكن مساعدة انا طبقت مثل ما في الشرح اكثر من مرة لكن لم تعمل يطلع عندي خطأ في حفظ القالب ممكن تركبلي التعليقات
    رابط قالبي
    http://www.gulfup.com/?6OXb6a
    رقم التطبيق 776804949011892
    رقم صفحت المدونة على الفيس بوك 642016295818205
    رابط صفحت المدونة https://www.facebook.com/pages/%D9%85%D8%AF%D9%88%D9%86%D8%A9-%D8%A7%D9%84%D8%B3%D9%87%D8%AF/642016295818205
    ولك جزيل الشكر مقدماً

    ردحذف
    الردود
    1. اخي جلال انتظر ردك :-?

      حذف
    2. اخي قم بتركيب الاضافه وتجاهل الخطوه الذي تقتضي باضافة كود
      xmlns:fb='http://www.facebook.com/2008/fbml'

      وان شاء الله ستتجاوز الخطا

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

    ردحذف
  17. اخي جلال انا اعرف هنالك الكثير من الطلبات والتعليقات و اقدر انشغالك وبارك الله بك على المجهود انا حبيت اذكرك بطلبي صار يومين وانا انتظر :-?

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

      حذف
  18. رابط قالبي
    http://www.gulfup.com/?6OXb6a
    رقم التطبيق 776804949011892
    رقم صفحت المدونة على الفيس بوك 642016295818205
    رابط صفحت المدونة https://www.facebook.com/pages/%D9%85%D8%AF%D9%88%D9%86%D8%A9-%D8%A7%D9%84%D8%B3%D9%87%D8%AF/642016295818205

    ردحذف
    الردود
    1. https://www.facebook.com/.../Marwan-AL-tamemme/100003141386742
      هاذا بروفايلي

      حذف
    2. تفضل اخي القالب
      http://www.gulfup.com/?tuDxyP
      تم تعديله واضافة تعليقات الفيس بوك حسب طلبك
      اتمنى لك التوفيق اخي

      حذف
  19. اخي جلال كلمة شكر قليلة بحقك بارك الله بك الف شكر وتقدير تحياتي اخوك مروان التميمي (h)

    ردحذف
  20. اخى لا يوجد عندى كود body انا استخدم قالب يوسف ويب !

    ردحذف
    الردود
    1. لايضر اذا تركتها فارغة واذا اردت الحل ارسل صورة لمقصدك

      حذف
  21. اخ جلال شكرا لك لاكن عندي مشكلة عند انشاء تطبيق جديد و اضافة رابط المدونة لم يقبل الرابط مع اني طبقة الشر 100 با 100 تاتيني هاته الرسالة
    This must be derived from ‎‏‏‏‎‎Canvas URL‎‎‏، ‏‎‎Secure Canvas URL‎‎‏‏، ‏‏‎‎Site URL‎‎‏، ‏‏‎‎Mobile Site URL‎‎‏، ‏‎‎Page Tab URL‎‎‏‏‏‏ أو ‏‎‎Secure Page Tab URL‎‎‏‎. Check and correct the following domains

    ردحذف
  22. يا اخى انا استخدم قالب يوسف ويب ولا يوجد
    body
    ممكن ارسل لك القالب وحضرتك تعديل عليه
    راربط تحميل القالب
    ارسلت فى اتصل بنا
    ارجو الرد

    ردحذف
  23. أخي جلال حفظت القالب مع عدم وجود أي خطأ لكي التعليقات لا تظهر أرجو أن تشاهد الصورة وأنا أنتظر ردك !!!! ;(( :-?
    أنا متأكد أنني لم أخطا ... [-(

    ردحذف
    الردود
    1. قم بالبحث عن الكود <div class='ikonz-social'> والصق قبله تماماً الكود الاخير الموجود في الشرح

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

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

    ردحذف
  26. أخي عملت كل المراجل بعناية ولكن لم أحصل على نتيجة المرجو إجابتي

    ردحذف
  27. (p) (p) (p) اخي جلال وسم البدي او body ملكيتة بالقالب كلة فلذالك ارجو منك وضع تعليقات الفيس بوك باقرب وقت
    رابط القالب http://www.gulfup.com/?Lh32lR
    id=377782818960682
    id facebook=100007694859679
    رابط صفحتي في الفيس بوك
    https://www.facebook.com/ammar.alshamary.33
    (f) (f) (f)

    ردحذف
  28. السلام عليكم اخي جلال ممكن مساعدة انا طبقت مثل ما في الشرح اكثر من مرة لكن لم تعمل يطلع عندي خطأ في حفظ القالب ممكن تركبلي التعليقات
    رابط قالبي
    http://www.gulfup.com/?nrzJXp
    رقم التطبيق 620176894742035
    id 642016295818205
    رابط صفحت المدونة https://www.facebook.com/najmsat05
    ولك جزيل الشكر مقدماً

    ردحذف
  29. اخي عملت كل حاجه و ما في نتيجه ظهرت :(

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

    ردحذف
  31. شكر انا اخوكم من الجزائر اعشق الاحتراف

    ردحذف
  32. كيف انشر مدونتي على النت اخي اريد رد (f)

    ردحذف
  33. حسب التحديث الجديد لفيس بوك كل إللي في الصورة غير موجود ؟؟

    ممكن طريقة جديدة

    أنا ركبتها في القالب القديم بس إتحظر و لما غيرت القالب جربت أحطها بس مش لاقي حاجة من إللي إنت بتقول عليها

    و شكراً لمجهودك :-? :-? :-? :-?

    ردحذف
  34. السلام عليك اخي في الله , اولا شكرا على الافادة ’ لكن اخي بعد تحديثات الفايسبوك تغير كل شيء فجأة ارجو منك اعادة الدرس وشكرا

    ردحذف
  35. مرحبا لو سمحت لما بدي اعمل تطبيق يريد رقم هاتف ممكن تعملي تطبيق تعليقات وتراسلني على صفحتي على الفيس بوك : https://www.facebook.com/profile.php?id=100006805306385&ref=tn_tnmn

    ردحذف
  36. ممكن الطريقة إللي عملت بيها الحد على الكود (p)

    ردحذف
  37. السلام عليكم تعطيني خصائص غير التي موجودة في الشرح وهذه صورة لها اضغط على التسجيل الدي بلون الأخضر لا يعطي أي نتيجة كأني لم اضغط عليه
    http://store1.up-00.com/2014-07/1404691001711.png

    ردحذف
  38. مشكور علي الشرح وجاري التطبيق ممكن رائيك في مدونتي

    القصير للبرامج المجانيةا

    ردحذف
  39. غير معرف18/7/14 00:12

    (h)

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

    ردحذف
  41. :d اخي جلال حصلت على الطريقة وركبتها في قالبي والحمد لله لا داعي لأن تشرحها تحياتي لك x-)

    ردحذف
  42. http://www.theprofessional-tech.com/

    ردحذف
  43. للاسف مش شغال :/

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

    ردحذف
  45. جيد اخي ولاكن اريد الشرح بعد تحديث الفيس بوك

    ردحذف
  46. نزلت التعليقات شكرا اخي بس نزلت باللغة الانكليزية وانا بدي التعليقات بالعربية

    ردحذف
  47. غير معرف25/5/15 05:01

    بارك الله فيك

    ارجو عمل شرح اضافة تعليقات الفيس بوك للاصدار الجديد v2.3 " للأهمية "

    وشكرا لكم

    ردحذف