شرح كامل | أضف صندوق تعليقات فيسبوك إلى بلوجر بدون مشاكل

4:06 ص














يواجه الكثير من مستخدمي بلوجر مشاكل عديدة عند إضافة صندوق تعليقات الفيسبوك إلى مدوناتهم


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


والطريقة مضمونة وسليمة 100% - بإذن الله -   ^^




 _____________________




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


https://developers.facebook.com/apps


ثم اتبع الخطوات التالية كما في الصور




( الخطوة الأولى )




( الخطوة الثانية )
 
( الخطوة الثالثة )
( الخطوة الرابعة )
( الخطوة الخامسة )
( الخطوة السادسة)
 
 سيصلك كود التفعيل كرسالة نصية لجوالك .. أعد كتابة الكود وفعل حسابك


( الخطوة السابعة )
( الخطوة الثامنة )


( الخطوة التاسعة )



( الخطوة العاشرة والأخيرة )






_____________________




 الآن توجه في مدونتك إلى: تصميم > تحرير html > توسيع القالب (لا تنس أخذ نسخة قبل ذلك)



ابحث عن الوسم التالي




<html


ثم ألصق الكود التالي بجانبه مباشرة 




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


 "دع مسافة بينهما ليظهر الكود في الأخير على هذا الشكل "

 
<html  xmlns:fb='http://www.facebook.com/2008/fbml'  expr:dir='data:blog..............2005/gml/expr'  >


 ابحث الآن عن الوسم التالي
<body>




 وبعده مباشرة ألصق الكود التالي




<div id="fb-root"></div>


<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('script');
      e.src = document.location.protocol +   '//connect.facebook.net/en_US/all.js';
    e.async = true;
      document.getElementById('fb-root').appendChild(e);
    }());
</script>




قم بلصق الـID الخاص بك الذي احتفظت به سابقا في المكان المشار إليه





افتح المفكرة وألصق بها الكود التالي




<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://2.bp.blogspot.com/-WLX72ryUAYE/TkkwDUrm6QI/AAAAAAAAAsc/jGY6exYXkJw/s1600/asma-logo.png'   property='og:image'/>
<meta content='اكتب الـID الذي نسخته سابقا هنا'   property='fb:app_id'/>
<meta content='انسخ المعرّف (ID) الخاص ببروفايلك في الفيسبوك'   property='fb:admins'/>
<meta content='article'   property='og:type'/>




قم الآن بتغيير المعلومات المشار إليها في الكود بما يناسبك



واستبدل رابط صورة الشعار الخاص بي في كود




http://2.bp.blogspot.com/-WLX72ryUAYE/TkkwDUrm6QI/AAAAAAAAAsc/jGY6exYXkJw/s1600/asma-logo.png






لإيجاد المعرّف الخاص ببروفايلك في الفيسبوك قم بزيارة هذا الرابط بعد تعديله



https://graph.facebook.com/YourProfile


مثلا الرابط الخاص ببروفايلي هو :



 https://graph.facebook.com/omnidal








بعدما غيرت كل المعلومات في الكود السابق بمعلوماتك الخاصة، عد إلى تحرير html مدونتك



وابحث عن الوسم التالي




</head>


 وألصق الكود الذي غيرت معلوماتك فيه قبله مباشرة



هذا الكود يجعل صفحتك تظهر على حائط صاحب التعليق في الفيسبوك كالتالي









الآن .. ابحث عن التالي




<data:post.body/>


وألصق بعده مباشرة هذا الكود (إذا رغبت في صندوق تعليقات فيسبوك بألوان خفيفة)






   <b:if cond='data:blog.pageType == &quot;item&quot;'>  <script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>  <div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/> <fb:comments migrated='1' expr:href='data:post.url'  expr:title='data:post.title' expr:xid='data:post.id' width='450'/>  </div> </b:if>




أو ألصق هذا الكود (إذا رغبت بصندوق تعليقات فيسبوك بألوان داكنة)






  <b:if cond='data:blog.pageType == &quot;item&quot;'> <script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/> <div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/> <fb:comments migrated='1' expr:href='data:post.url' colorscheme='dark' expr:title='data:post.title' expr:xid='data:post.id' width='450'/> </div> </b:if>




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


وذلك بتغيير القيمة في الكود التالي width='450'







قم بحفظ التغيرات على قالبك واستعرض مدونتك 



وتمتع بصندوق التعليقات الاحترافي الجديد من الفيسبوك  ◕‿◕




































 ( تم تحديث الموضوع يوم : 03 - 10 - 2011 ) 





( الشرح معرب حصريا ومنقول من موقع allblogtools )






47 التعليقات:

{ جمال محمد } في : 9 سبتمبر، 2011 6:33 ص يقول...

هنا فى السودان ممنوع انشاء التطبيقات فلم اتمكن من اضافته الى مدونتي يا اسماء

لو ماعندك مانع ممكن تساعدينى ؟
wazentat@hotmail.com

{ أسماء || أم نضال || } في : 9 سبتمبر، 2011 7:48 ص يقول...

@جمال محمد

تم إرسال ID لتطبيق خاص بمدونتك عبر إيميل المدونة

{ جمال محمد } في : 11 سبتمبر، 2011 1:22 ص يقول...

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

تحياتى مدداً

irlond في : 1 أكتوبر، 2011 9:45 م يقول...

لم انجح رغم ان جميع مراحل تم تطبيقها بحدافرها على هذه المدونة http://newzsky.blogspot.com/

{ أسماء || أم نضال || } في : 2 أكتوبر، 2011 1:47 ص يقول...

@irlond

أجل للأسف تواجه الإضافة بعض الأخطاء سأحاول إصلاحها في القريب العاجل بإذن الله

شكرا على التنبيه

{ أسماء || أم نضال || } في : 3 أكتوبر، 2011 7:31 ص يقول...

تم تحديث هذا الموضوع مع تحديث الفيسبوك لصندوق التعليقات الخاصة به

الرجاء ممن قام بتركيب صندوق تعليقات الفيسبوك من هذا الموضوع مراجعة الأكواد الخاصة به

{ SaifEddin } في : 19 أكتوبر، 2011 5:53 ص يقول...

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

ارجو منكِ زيارة مدونتي وابداء رأيك : http://saifeddin1.blogspot.com/

{ Dr-MaHMouD.AhmeD } في : 20 أكتوبر، 2011 8:54 ص يقول...

الاخت الفاضله بارك الله فيكم

ما المقصود بالمفكره في الشرح
"افتح المفكرة وألصق بها الكود التالي"
............

{ Dr-MaHMouD.AhmeD } في : 20 أكتوبر، 2011 8:57 ص يقول...

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

{ Dr-MaHMouD.AhmeD } في : 20 أكتوبر، 2011 9:23 ص يقول...

الأخت الفاضله
قمت بالتنسيق والتنظيم لكل الأكواد
لكن لا يتم حفظ القالب اطلاقا
تظهر هذه المشكلة
الرجاء التأكد من إغلاق كافة عناصر XML بشكل صحيح.
رسالة خطأ XML: Attribute "xmlns:fb" was already specified for element "html".

في انتظار الرد ..
شكراا

{ Dr-MaHMouD.AhmeD } في : 20 أكتوبر، 2011 10:41 ص يقول...

تم حل المشكلة وتطبيق الموضوع كاملا
شكرا لكي الأخت الفاضلة
يمكنكم رؤية تطبيق الموضوع من هنا
http://www.crownofegypt.com/2011/10/blog-post_1931.html

{ أسماء || أم نضال || } في : 20 أكتوبر، 2011 11:37 ص يقول...

يسعدني أن الدرس قد أفادكم ^^

A 7 m e D في : 22 أكتوبر، 2011 2:12 ص يقول...

جزاك الله كل خيراً أم نضال

تم التطبيق علي مجلتي

http://ymzag.blogspot.com/

{ هاشم فوزي } في : 28 أكتوبر، 2011 3:28 م يقول...

السلام عليكم ورحمة الله وبركاته ..
شكراً لأصحاب هذه المدونة الرائعة التي استفدت منها ،،

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

{ Yasser } في : 7 نوفمبر، 2011 8:40 ص يقول...

شكرا جزيلا اختي ام نضال
انت ساعدتيني كثيرا
مدونتي واضافاتها كلها من عندك
تفضلي بزيارتها
http://yassertalk.blogspot.com
وكل عام وانت بالف خير
اخوكي ياسر من فلسطين

{ أسماء || أم نضال || } في : 7 نوفمبر، 2011 11:29 ص يقول...

@هاشم فوزي

وعليكم السلام ورحمة الله وبركاته

أعتقد أن المشكلة بسبب كون جهاز الحاسوب الذي تستخدمه له عدة مستخدمين للفايسبوك، لذلك طلب منك التأكد من حسابك بإعادة كتابة كلمة المرور

{ أسماء || أم نضال || } في : 7 نوفمبر، 2011 11:59 ص يقول...

@A7meD @Yasser

يسعدني أنني قد أفدتكما،، أسأل الله أن يستخدمنا فيما يرضيه

{ Yasser } في : 14 نوفمبر، 2011 4:27 م يقول...

شكرا لك اخت اسماء
افدتيني كثيرا
قالبي واضافاتي من مدونتك
لكن واجهتني مشكلة بتعليقات الفيسبوك
وهي ظهور تنبيه اصفر اللون اسفل الصندوق يحتوي على ( تحذير : http://yassertalk.blogspot.com/2011/11/blog-post_08.html‏ غير قابلة للوصول. )



زوري هذا الموضوع مثلا وشاهدي بنفسك واتمني منك مساعدتي وارسا النصيحة لي لتفادي هذه المشكلة من خلال اميلي yasser1995@w.cn

وشكرا لك
اتمني مساعدتي
ياسر | غزة فلسطين

{ أسماء || أم نضال || } في : 14 نوفمبر، 2011 10:35 م يقول...

@Yasser

أجل لاحظت هذه المشكلة في الكثير من المدونات ولا أدري أين الخخل بالضبط..!!

فقد جربت إضافة صندوق تعليقات الفيسبوك على أحد القوالب برقم ID التطبيق الخاص بي وظهر صندوق التعليقات بدون تنبيه، في حين أضافت صديقتي لنفس القالب رقم ID التطبيق الخاص بها وظهر لها التنبيه ..!!

لهذا أعتقد والله أعلم أن المشكلة في ID التطبيق الخاص بالفيسبوك

{ Yasser } في : 16 نوفمبر، 2011 9:15 ص يقول...

طيب شو العمل أختي !

مشوهة شكل اصندوق هذي التنويه !
أتمني منك ايجاد حل ؟ أو البحث عن حل او الاستعانة باحد المدونين
وشكرا

{ أسامة مصطفى } في : 19 نوفمبر، 2011 5:15 ص يقول...

شكرا على مجهودك
الطريقة صعبة ومعقدة الرجاء التبسيط للمبتدئين أمثالى وجزاكى الله خيرا يا أم نضال

{ أسامة مصطفى } في : 19 نوفمبر، 2011 5:18 ص يقول...

عايز أضيف فى مدونتى قبل التعليق كلمة زى اللى حضرتك مستخدماها "| الرجاء عدم استخدام مرادفات ( يا الغالية، يا العزيزة...) في التعليق بالنسبة للشباب |" وجزاكم الله خيرا
يسعدنى زيارتكم لمدونتى
http://dar-osama.blogspot.com/

{ أسماء || أم نضال || } في : 19 نوفمبر، 2011 8:43 ص يقول...

@Yasser @أسامة مصطفى

يمكنكما اتباع درس آخر بسيط جدا من شرح الأخ هاشم في مدونته

طريقة إضافة صندوق تعليقات الـ Facebook إلى مدونات Blogger


لكن خصائص صندوق التعليقات سيكون أقل من الذي بهذا الدرس ..!!

{ أسماء || أم نضال || } في : 19 نوفمبر، 2011 9:01 ص يقول...

@أسامة مصطفى

يمكنك كتابة عبارة تنبيه فوق صندوق التعليقات بالتوجه في لوحة التحكم بمدونتك إلى: إعدادات > تعليقات > رسالة نموذج التعليق > اكتب ما تشاء > حفظ الإعدادات

{ Ṩώέέŧ ŧǾǿǾǿŧā } في : 27 نوفمبر، 2011 6:41 م يقول...

اللة يسعدك ضبطت معايا
مشكووورة على الاضافة الحلوة
بس عندي سؤال اختي
يعني لو الواحد غير القالب
بيروح بتالي الصندوووق
ونحط تاني مرة وعادي
لكن التعليقات يلي قامو بتعليق عليها الزوار
قبل ماقوم متلا بتغير القالب
التعليقات بتروح صح؟

{ Ṩώέέŧ ŧǾǿǾǿŧā } في : 27 نوفمبر، 2011 7:55 م يقول...

حابة استفسر عن شي كمان
الان صندوق التعليقات وضعنا وشكلو رائع
لكن كيف اعرف ان احد الزوار وضع تعليق
ولم يصلني اي اشعار
انا قمت بتجربة و وضعت تعليقات
وما وصلتني اشعارات
هل الكل عندونفس الشي ولا بس انا؟

{ أسماء || أم نضال || } في : 2 ديسمبر، 2011 1:18 م يقول...

@Ṩώέέŧ ŧǾǿǾǿŧā

كلا أختي التعليقات لا تختفي أبدا من صندوق التعليقات للفايسبوك الذي أضفته
فقط عليك بإعادة تركيبه مرة أخرى بنفس الـApp ID الذي استخدمتِ به الإضافة أول مرة
وستجدين التعليقات على كل تدوينة من تدويناتك كما هي بإذن الله

(مجربة ومضمونة) ^_^

{ أسماء || أم نضال || } في : 2 ديسمبر، 2011 1:37 م يقول...

@Ṩώέέŧ ŧǾǿǾǿŧā

للأسف مشكلة إشعارات تعليقات الفيسبوك على بلوجر لم أجد لها حلا لحد الآن ..!!

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

https://developers.facebook.com/tools/comments/?id=Your_App_ID

(استبدلي "Your_App_ID" برقم التطبيق الخاص بك)

{ Ṩώέέŧ ŧǾǿǾǿŧā } في : 7 ديسمبر، 2011 11:10 م يقول...

شكرا الك كتيررر
اللة يسعدك ويوفقك

{ M_SH } في : 19 ديسمبر، 2011 1:25 ص يقول...

بجد شرح أكثر من رااائع
جزاك الله خيرا

{ صادق } في : 29 ديسمبر، 2011 6:16 ص يقول...

انا عملت كل اللي في الموضوع ومافيش فايده
ادخل علي اي موضوع في المدونة بتاعتي بيقولي
تحذير : http://perfectmoneyy.blogspot.com/2011/12/5centminimum.html‏ غير قابلة للوصول.

مع اني نفذت الشرح

امال ايه المشكله



وده قالب المدونة ممكن حضرتك تشوفيه

http://www.7ammil.com/index.php/files/guest/7d23d5e2370f299a68d864fedaaf4333

ممكن تعدلي عليه لو في غلط بعد اذن حضرتك

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

lifenet2010@gmail.com

{ أسماء || أم نضال || } في : 29 ديسمبر، 2011 6:21 ص يقول...

@صادق

مشكلة التحذير تظهر عند تجاهل خيار "App Domin" في تطبيقك بالفيسبوك

{ صادق } في : 29 ديسمبر، 2011 6:27 ص يقول...

وللعلم انا عملت الطبيق وجايبلي الرساله دي

Error‎

‎App Namespace cannot contain uppercase letters.‎

{ صادق } في : 29 ديسمبر، 2011 6:31 ص يقول...

لما بدخل الرابط في الاب دومين ودوس حفظ التغييرات الرابط ما بيتحطش بيتمسح من المربع تاني ؟؟

{ صادق } في : 29 ديسمبر، 2011 6:45 ص يقول...

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

Invalid credentials

{ أسماء || أم نضال || } في : 29 ديسمبر، 2011 7:00 ص يقول...

@صادق

لا تضف رابط مدونتك إلى "App Domin" بل الدومين فقط، أي "blogspot.com"

{ صادق } في : 29 ديسمبر، 2011 7:10 ص يقول...

منا بقول لحضرتك التطبيق مش عايز يدخل بيقولي Invalid credentials

يعني اوراق غير صالحه


ليه ؟؟

{ أسماء || أم نضال || } في : 29 ديسمبر، 2011 7:15 ص يقول...

@صادق

طيب ممكن صورة كاملة للمشكلة؟
(توضح خانة الدومين ورسالة الخطأ التي تظهر لك)

{ صادق } في : 29 ديسمبر، 2011 7:34 ص يقول...

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

مدونة Perfectmoney
You are being redirected to the مدونة Perfectmoney web app

وفي زرارين

جو تو اب و الغاء

بضغط علي جو تو اب يجيبلي صفحة بيضاء فيها الكلمه دي

Invalid credentials

ومرة تانيه قالي ان الدوله اللي في التطبيق مش متطابقة مع الدوله اللي في معلوماتي الشخصيه
وانا لما عملت التطبيق مكنش موجود خيارات اختار منها الدوله

{ أسماء || أم نضال || } في : 29 ديسمبر، 2011 7:38 ص يقول...

@صادق

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

{ صادق } في : 29 ديسمبر، 2011 8:45 ص يقول...

الف شكر خلاص عرفت احل الموضوع

مكنتش حاطط فواصل في الاسم

تعبت حضرتك معايا

اشكرك

{ صادق } في : 29 ديسمبر، 2011 8:48 ص يقول...

حاجه اخيره بس التطبيق بتاعي افتحه منين ؟
علشان ابعته للاصدقاء

{ أسماء || أم نضال || } في : 29 ديسمبر، 2011 8:52 ص يقول...

@صادق

يمكنك الاطلاع على تطبيقك عبر هذا الرابط

https://developers.facebook.com/apps

{ فؤاد السرواني } في : 4 يناير، 2012 11:34 ص يقول...

اختي ضهرت ان هناك مشكلة في الاكواد

بارك الله فيك

{ bebi bosha } في : 1 أبريل، 2013 9:15 م يقول...

تم التركيب الف شكر علي شرحك السهل والجميل راجيا زياريتكم برنامج علي متصفح

{ Abdelkrim LAMIM } في : 14 أبريل، 2013 6:47 ص يقول...

شكرا

{ elgoumy abdelmajid } في : 18 يناير، 2014 2:04 م يقول...

لم تنجح معي جائتني هذه الرسالة رغم انني قمت بجميع التعديلات بدقة تامة template-skin only available for templates version 2 and above

إرسال تعليق