السبت، 2 يوليو 2011

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
















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


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


والطريقة مضمونة وسليمة 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQByoUw2wCFftpNNk86WFguYrel3M6KG0QYUC_1F1hoc1d8lsqo59bBqR3H1385cXTFvKIXviU3wkefEH9hPC2IOV1UijEqiuLZY_hj_G-NTcHtk5eDNtGm0BPbxXMWMZm12rIG1DGx6Y-/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'/>




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



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




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQByoUw2wCFftpNNk86WFguYrel3M6KG0QYUC_1F1hoc1d8lsqo59bBqR3H1385cXTFvKIXviU3wkefEH9hPC2IOV1UijEqiuLZY_hj_G-NTcHtk5eDNtGm0BPbxXMWMZm12rIG1DGx6Y-/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 )






39 التعليقات:

جمال محمد يقول... في 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 ص

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

بارك الله فيك

mohamed m sayed يقول... في 19 يناير 2012 في 2:55 ص

قمت بتنفيذ الخطوات بالظبط ولا يظهر صندوق التعليقات

a7baby يقول... في 20 يناير 2012 في 8:03 ص

السلام عليكم
أول شي ألف شكر على الطرح الراقي
الشرح ماشاء الله واضح و منظم ،
لكن لا أدري أين الخلل بالضبط ..
مكان صندوق الرد أسفل التدوية تظهر هذه الرسالة
The comments plugin requires an href parameter.

أين الخلل ؟؟ و شاكرة لكِ أختي أسماء ،

a7baby يقول... في 20 يناير 2012 في 2:17 م

تم حل المشكلة شااكرة لكِ و عذراً منكِ
^^

أسماء || أم نضال || يقول... في 20 يناير 2012 في 4:22 م

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

Hamza Tazi يقول... في 15 فبراير 2012 في 9:04 ص

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

أسماء || أم نضال || يقول... في 18 فبراير 2012 في 10:16 ص

@Hamza Tazi

الحمد لله ،، بالتأكيد يمكنك نقل الموضوع للإفادة

@د/على عبدالرحمن

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

مدونتك مفيدة جدا ما شاء الله، وتقنيا أنصحك أن تجعل التسميات في القائمة الجانبية على شكل سحابة لتقليص حجم القائمة فهي طويلة، كما يمكنك استبدال مكان الإضافة (المتابعون) لتجعلها أسفل (عرض الشرائح) حتى تكون أقسام الفوتر متساوية

إرسال تعليق

 

me | twitter