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

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 )






36 التعليقات:

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

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

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

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

@جمال محمد

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

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

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

تحياتى مدداً

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

@irlond

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

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

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

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

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

{ 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".

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

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

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

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

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

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

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

@هاشم فوزي

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

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

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

@A7meD @Yasser

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

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

@Yasser

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

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

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

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

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

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

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

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

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

@أسامة مصطفى

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

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

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

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

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

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

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

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

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

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

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

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

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

{ أسماء || أم نضال || } في : 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 ص يقول...

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

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

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

بارك الله فيك

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

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

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

شكرا

غير معرف في : 18 يناير 2014 في 2:04 م يقول...

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

إرسال تعليق