يواجه الكثير من مستخدمي بلوجر مشاكل عديدة عند إضافة صندوق تعليقات الفيسبوك إلى مدوناتهم
لكن هذا الشرح المفصل سيكون نهاية لهذه المشاكل والعقبات التي تواجه مدون بلوجر
والطريقة مضمونة وسليمة 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 statuscookie : true, // enable cookies to allow the server to access the sessionxfbml : 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 == "item"'><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/AVvXsEjLOrOzSKL0WElwi71P2Q1Oyg14EZ3K8JJmWg8GyH3tLVJb4Q3CliMIuuJiwuBODzgMs9Ks1zbSy_Gaw0dDtNkx9jblkwnS-gN1VU8NCcJA1D2nv2_zWT16f5UukafKzdbnK9GBTLZYUUom/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/AVvXsEjLOrOzSKL0WElwi71P2Q1Oyg14EZ3K8JJmWg8GyH3tLVJb4Q3CliMIuuJiwuBODzgMs9Ks1zbSy_Gaw0dDtNkx9jblkwnS-gN1VU8NCcJA1D2nv2_zWT16f5UukafKzdbnK9GBTLZYUUom/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 == "item"'> <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 == "item"'> <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>
يمكنك تغيير عرض صندوق التعليقات للفيسبوك ليتناسق مع عرض تدوينتك
قم بحفظ التغيرات على قالبك واستعرض مدونتك
وتمتع بصندوق التعليقات الاحترافي الجديد من الفيسبوك ◕‿◕
وتمتع بصندوق التعليقات الاحترافي الجديد من الفيسبوك ◕‿◕
( الشرح معرب حصريا ومنقول من موقع allblogtools )
36 التعليقات:
هنا فى السودان ممنوع انشاء التطبيقات فلم اتمكن من اضافته الى مدونتي يا اسماء
لو ماعندك مانع ممكن تساعدينى ؟
wazentat@hotmail.com
@جمال محمد
تم إرسال ID لتطبيق خاص بمدونتك عبر إيميل المدونة
شكرا لك يا ام نضال لم اجد الوقت الكافى لاضافة التطبيق
ان شاء الله سوف اعلمك ان نجحت فى اضافة التعليق
تحياتى مدداً
@irlond
أجل للأسف تواجه الإضافة بعض الأخطاء سأحاول إصلاحها في القريب العاجل بإذن الله
شكرا على التنبيه
تم تحديث هذا الموضوع مع تحديث الفيسبوك لصندوق التعليقات الخاصة به
الرجاء ممن قام بتركيب صندوق تعليقات الفيسبوك من هذا الموضوع مراجعة الأكواد الخاصة به
الاخت الفاضله بارك الله فيكم
ما المقصود بالمفكره في الشرح
"افتح المفكرة وألصق بها الكود التالي"
............
أشكرك الأخت الفاضله على الشرح الواقي
عرفت الآن معنى كلمة المفكرة
بوركتم
في رعاية الله
الموضوع غاية في الروعة والتنظيم
كل التحية
الأخت الفاضله
قمت بالتنسيق والتنظيم لكل الأكواد
لكن لا يتم حفظ القالب اطلاقا
تظهر هذه المشكلة
الرجاء التأكد من إغلاق كافة عناصر XML بشكل صحيح.
رسالة خطأ XML: Attribute "xmlns:fb" was already specified for element "html".
في انتظار الرد ..
شكراا
يسعدني أن الدرس قد أفادكم ^^
السلام عليكم ورحمة الله وبركاته ..
شكراً لأصحاب هذه المدونة الرائعة التي استفدت منها ،،
ولكن واجهتني مشكلة في بداية الموضوع عندما دخلت على صفحة تطبيقات الفيس بوك وجدت الصفحة تقول لي
الرجاء إدخال كلمة المرور للمتابعة
الصفحة التي تحاول زيارتها تستلزم اعادة ادخال كلمة السر
الرجاء زكر لماذا يظهر هذا عندي وشكراً
@هاشم فوزي
وعليكم السلام ورحمة الله وبركاته
أعتقد أن المشكلة بسبب كون جهاز الحاسوب الذي تستخدمه له عدة مستخدمين للفايسبوك، لذلك طلب منك التأكد من حسابك بإعادة كتابة كلمة المرور
@A7meD @Yasser
يسعدني أنني قد أفدتكما،، أسأل الله أن يستخدمنا فيما يرضيه
@Yasser
أجل لاحظت هذه المشكلة في الكثير من المدونات ولا أدري أين الخخل بالضبط..!!
فقد جربت إضافة صندوق تعليقات الفيسبوك على أحد القوالب برقم ID التطبيق الخاص بي وظهر صندوق التعليقات بدون تنبيه، في حين أضافت صديقتي لنفس القالب رقم ID التطبيق الخاص بها وظهر لها التنبيه ..!!
لهذا أعتقد والله أعلم أن المشكلة في ID التطبيق الخاص بالفيسبوك
طيب شو العمل أختي !
مشوهة شكل اصندوق هذي التنويه !
أتمني منك ايجاد حل ؟ أو البحث عن حل او الاستعانة باحد المدونين
وشكرا
شكرا على مجهودك
الطريقة صعبة ومعقدة الرجاء التبسيط للمبتدئين أمثالى وجزاكى الله خيرا يا أم نضال
@أسامة مصطفى
يمكنك كتابة عبارة تنبيه فوق صندوق التعليقات بالتوجه في لوحة التحكم بمدونتك إلى: إعدادات > تعليقات > رسالة نموذج التعليق > اكتب ما تشاء > حفظ الإعدادات
اللة يسعدك ضبطت معايا
مشكووورة على الاضافة الحلوة
بس عندي سؤال اختي
يعني لو الواحد غير القالب
بيروح بتالي الصندوووق
ونحط تاني مرة وعادي
لكن التعليقات يلي قامو بتعليق عليها الزوار
قبل ماقوم متلا بتغير القالب
التعليقات بتروح صح؟
حابة استفسر عن شي كمان
الان صندوق التعليقات وضعنا وشكلو رائع
لكن كيف اعرف ان احد الزوار وضع تعليق
ولم يصلني اي اشعار
انا قمت بتجربة و وضعت تعليقات
وما وصلتني اشعارات
هل الكل عندونفس الشي ولا بس انا؟
@Ṩώέέŧ ŧǾǿǾǿŧā
كلا أختي التعليقات لا تختفي أبدا من صندوق التعليقات للفايسبوك الذي أضفته
فقط عليك بإعادة تركيبه مرة أخرى بنفس الـApp ID الذي استخدمتِ به الإضافة أول مرة
وستجدين التعليقات على كل تدوينة من تدويناتك كما هي بإذن الله
(مجربة ومضمونة) ^_^
شكرا الك كتيررر
اللة يسعدك ويوفقك
بجد شرح أكثر من رااائع
جزاك الله خيرا
@صادق
مشكلة التحذير تظهر عند تجاهل خيار "App Domin" في تطبيقك بالفيسبوك
وللعلم انا عملت الطبيق وجايبلي الرساله دي
Error
App Namespace cannot contain uppercase letters.
لما بدخل الرابط في الاب دومين ودوس حفظ التغييرات الرابط ما بيتحطش بيتمسح من المربع تاني ؟؟
انا فعلا عملت كدا مش اب دو اللي هو رابط المدونة وسايت ارل رابط المدونة بردو الرابط مضاف في سايت ارل مش عايز يضاف في اب دومين
وحصلت مشكله تاني ادخل ع التطبيق يقولي
Invalid credentials
@صادق
لا تضف رابط مدونتك إلى "App Domin" بل الدومين فقط، أي "blogspot.com"
منا بقول لحضرتك التطبيق مش عايز يدخل بيقولي Invalid credentials
يعني اوراق غير صالحه
ليه ؟؟
@صادق
طيب ممكن صورة كاملة للمشكلة؟
(توضح خانة الدومين ورسالة الخطأ التي تظهر لك)
والله مش عارف اصور معنديش كام
انا فاتح الفيس بوك بكتب في مربع البحث اسم التطبيق يظهر في النتايج وادوس عليه يجيبلي الرساله دي
مدونة Perfectmoney
You are being redirected to the مدونة Perfectmoney web app
وفي زرارين
جو تو اب و الغاء
بضغط علي جو تو اب يجيبلي صفحة بيضاء فيها الكلمه دي
Invalid credentials
ومرة تانيه قالي ان الدوله اللي في التطبيق مش متطابقة مع الدوله اللي في معلوماتي الشخصيه
وانا لما عملت التطبيق مكنش موجود خيارات اختار منها الدوله
@صادق
أخي أعد إنشاء تطبيق جديد بالخطوات المفصلة في هذا الموضوع
فالخطوات التي ذكرتها لم أفهم منها شيء ..!!
الف شكر خلاص عرفت احل الموضوع
مكنتش حاطط فواصل في الاسم
تعبت حضرتك معايا
اشكرك
حاجه اخيره بس التطبيق بتاعي افتحه منين ؟
علشان ابعته للاصدقاء
اختي ضهرت ان هناك مشكلة في الاكواد
بارك الله فيك
تم التركيب الف شكر علي شرحك السهل والجميل راجيا زياريتكم برنامج علي متصفح
شكرا
لم تنجح معي جائتني هذه الرسالة رغم انني قمت بجميع التعديلات بدقة تامة template-skin only available for templates version 2 and above
إرسال تعليق