السبت، 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='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 )






51 التعليقات:

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

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

بارك الله فيك

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 7:36 ص

السلام عليكم
الف شكر على المجهود الرائع وربنا يجعله فى ميزان حسناتك , وشكرا على القالب الروعة New Focus Point ودا رابط مدونتى http://www.el-aseel.blogspot.com/ للاسف انا مبتدئ فهل ناقصها تطبيقات وبالنسبه لللارشفة والحوارات دى ناقص حاجة ولا لأ أرجو الافادة .

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

@Hamza Tazi

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

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

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

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

إرسال تعليق

 

me | twitter