السلام عليكم و رحمة الله, كثير من مدوني بلوجر يسألون عن طريقة تركيب تركيب نظام التعليقات الجديدة من الفيس بوك على مدونات بلوجر بدون أخطاء، اليوم بإذن الله سنشرح طريقة تركيب هذه الإضافة إي إضافة تعليقات فيسبوك العربية على مدونات بلوجر بخطوات بسيطة و بينة. لكن قبل ذلك لا بأس من جرد بعض مميزات هذه الإضافة و إظهار بعض الصور لها.
مميزات الإضافة:
- عبر هذه الإضافة سيكون لكل موضوع او تدوينة تعليقاتها الخاصة.
- إمكانية الرد على تعليقات الآخرين و الإعجاب بها.
- إدارة التعليقات و التحكم فيها عبر تصفيتها، محوها أو حظر كاتبيها.
- يمكن إضافة مشرفين لمراجعة التعليقات و هذه ميزة جيدة للمدونات الجماعية.
- إعدادات الإضافة تضم خصائص عدة منها إخفاء أو إظهار صندوق التعليق، التدقيق الإملائي و غيرها.
- و أهم ميزة في اعتقادي هي أن كل من علق فإن تعليقه يظهر على صفحته على فيسبوك مرفقا برابط للموضوع و صويرة في حال أبقى على الإشارة في خانة "نشر في فيسبوك" "Post to Facebook". الشيء الذي سيساعد في إشهار المدونة و نشر مواضيعها.
- و طبعا ميزات عدة نترك لكم فرصة اكتشافها.
صور إضافة تعليقات الفيس بوك:
كذلك يمكنك معاينة الإضافة من خلال الرابط التالي..
توجه إلى صفحة إنشاء تطبيقات فيسبوك ثم أدخل اسم التطبيق مثلا "تعليقاتي" و اضغط الزر الأزرق "متابعة"
لإنشاء التطبيق.
لإنشاء التطبيق.
أدخل كلمة التحقق و اضغط زر المتابعة، كما بالصورة الآتية:
في الصفحة الموالية إلى اليسار اضغط على "تحرير تطبيق" ثم تابع كما بالصورة الآتية:
في الصفحة الموالية إلى اليسار اضغط على "تحرير تطبيق" ثم تابع كما بالصورة الآتية:
كما وضح من خلال الصورة ستدخل أسم التطبيق رابط مدونتك, كذلك ستكون قد نسخت معرف التطبيق الموضح في الصورة لانك ستحتاجه فيما بعد.
2-إضافة الأكواد اللازمة إلى قالب المدونة:
من لوح تحكم مدونتك توجه إلى صفحة "التخطيط" ثم "تحرير HTML" و قبل أي تعديل احفظ نسخة احتياطية من قالب مدونتك على جهازك ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
ابحث عن <html ثم بعده مباشرة أضف الكود الآتي :
xmlns:fb='http://www.facebook.com/2008/fbml'
الآن ابحث عن <body> و بعده مباشرة ألصق الكود الآتي بعد استبدال معرف التطبيق بالأرقام التي نسختها سابقا في الخطوة الأولى:
<div id='fb-root'/>
<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/ar_AR/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
بعد ذلك ابحث عن </head> ثم قبله مباشرة ألصق الكود الآتي:
هذا الكود يتيح لفيسبوك التعامل مع موقعك أو مدونتك كما لو كان صفحة كما صفحات فيسبوك.
طبعا لا تنس تغيير ما أشير إليه بالألوان كما يلي:
عنوان المدونة : عنوان مدونتك أو أي اسم تحب أن يظهر على فيسبوك عندما يعجب أحدهم بإحدى تدويناتك.
الرابط البرتقالي : استبدله برابط صورة لشعار مدونتك.
معرف التطبيق ID : طبعا هو نفسه المعرف الذي نسخته في الخطوة الأولى.
معرف حسابك على فيسبوك ID : هو رابط الخاص ببروفايلك في الفيسبوك. فبحسابك هذا ستكون مدير التعليقات.
بعدما غيرت كل المعلومات في الكود السابق بمعلوماتك الخاصة ابحث عن الكود الآتي:
و بعده مباشرة ألصق الكود الموالي مع تعديل ما لون:
<b:if cond='data:blog.pageType == "item"'>
<div style='padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div> <fb:comments colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='520'/></div>
<div style='color:#fff; background-color:#3B5998;border: solid 1px #ddd; font-size:10px; padding:3px; width:510px;'>كود تعليقات الفيسبوك مأخوذة من <b><a alt='blogger templates' href='http://www.mybloggertricks.com' style='text-decoration:underline; color:#fff;' target='_blank' title='blogger templates'>mybloggertricks.com</a></b> تم تركيب تعليقات الفيسبوك من <b><a alt='مدونة كنوز مدونتي' href='http://konozblog.blogspot.com' style='text-decoration:underline; color:#fff;' target='_blank' title='كنوز مدونتي'>konozblog.blogspot.com</a></b></div></div>
</b:if>
width='520 استبدلها بالعرض المناسب الذي تريد أن يبدو عليه صندوق تعليقات فيسبوك.
width:510px استبدلها بالعرض المناسب الذي تريد أن يبدو عليه الشريط الموجود آسفل التعليقات فيسبوك.
light استبدلها بـ dark (إذا رغبت بصندوق تعليقات فيسبوك بألوان داكنة).
فيمكنك إدراجه الكود في أمكنة أخرى غير الذي ذكر بما يناسب مدونتك.
و أخيرا اضغط زر الحفظ و ومبروك عليك الاضافه المتميزه.
ارجو من جميع من مر على هذا الموضوع سواء استفاد منه وقام بتطبيقه او لا بان يساهم في دعم المدونه عن طريق الضغط على زر أعجبني موجود آسفل المدونة في يسار المدونه ومتابعة صفحتنا على الفيس بوك فهذا بالنسبه لي يعتبر اكبر تقدير ومقابل تقدمه للمدونه, فكثرة تعليقات الشكر لا تسعدني بقدر ما اشعر بسعاده في الرد على استفساراتكم، لذلك لا اعتبر عبارات الشكر والمديح دعما حقيقيا يدفعني للاستمرار على عكس شئ بسيط.
كاشتراكك في صفحة المدونه
فهو قد يكون تافها بالنسبه لك لكن له اثر عميق في نفس من يكتب وينشر المواضيع لذا لا تبخل بمتابعتك
لنا واي استفسار, بخصوص الموضوع يرجا ترك تعليق بالاسفل سواء علي فيس بوك او بلوجر, وساقوم بالرد علي جميع الاستفسارات وساقوم ايضا بتلقي طلبات تركيب الاضافه لمن يرغب في ذلك ممن يستعصي عليه تطبيق الشرح
فقط قم بالرد هنا واخباري.. انتهى.
<div id='fb-root'/>
<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/ar_AR/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='عنوان المدونة' property='og:site_name'/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTCfspXRDwrHjFf_EIGJpftuyx2CSXTxtNZBq6rX5r0owlvwwF_7iW6WFT244HJqb0o2I7w4pvEtokFur8TuyREMA7_Bnr80PgybLegHWujNWEEdWiVEw5iVbhGw9ZA7mAQBXaIS38oBI/s79/logo-konozblog.png' property='og:image'/>
<meta content='اكتب معرف التطبيق الذي نسخته سابقا' property='fb:app_id'/>
<meta content='http://www.facebook.com/konozblog' property='fb:admins'/>
<meta content='article' property='og:type'/>
هذا الكود يتيح لفيسبوك التعامل مع موقعك أو مدونتك كما لو كان صفحة كما صفحات فيسبوك.
طبعا لا تنس تغيير ما أشير إليه بالألوان كما يلي:
عنوان المدونة : عنوان مدونتك أو أي اسم تحب أن يظهر على فيسبوك عندما يعجب أحدهم بإحدى تدويناتك.
الرابط البرتقالي : استبدله برابط صورة لشعار مدونتك.
معرف التطبيق ID : طبعا هو نفسه المعرف الذي نسخته في الخطوة الأولى.
معرف حسابك على فيسبوك ID : هو رابط الخاص ببروفايلك في الفيسبوك. فبحسابك هذا ستكون مدير التعليقات.
بعدما غيرت كل المعلومات في الكود السابق بمعلوماتك الخاصة ابحث عن الكود الآتي:
<b:includable id='comment-form' var='post'>
و بعده مباشرة ألصق الكود الموالي مع تعديل ما لون:
<b:if cond='data:blog.pageType == "item"'>
<div style='padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div> <fb:comments colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='520'/></div>
<div style='color:#fff; background-color:#3B5998;border: solid 1px #ddd; font-size:10px; padding:3px; width:510px;'>كود تعليقات الفيسبوك مأخوذة من <b><a alt='blogger templates' href='http://www.mybloggertricks.com' style='text-decoration:underline; color:#fff;' target='_blank' title='blogger templates'>mybloggertricks.com</a></b> تم تركيب تعليقات الفيسبوك من <b><a alt='مدونة كنوز مدونتي' href='http://konozblog.blogspot.com' style='text-decoration:underline; color:#fff;' target='_blank' title='كنوز مدونتي'>konozblog.blogspot.com</a></b></div></div>
</b:if>
width='520 استبدلها بالعرض المناسب الذي تريد أن يبدو عليه صندوق تعليقات فيسبوك.
width:510px استبدلها بالعرض المناسب الذي تريد أن يبدو عليه الشريط الموجود آسفل التعليقات فيسبوك.
light استبدلها بـ dark (إذا رغبت بصندوق تعليقات فيسبوك بألوان داكنة).
فيمكنك إدراجه الكود في أمكنة أخرى غير الذي ذكر بما يناسب مدونتك.
و أخيرا اضغط زر الحفظ و ومبروك عليك الاضافه المتميزه.
ارجو من جميع من مر على هذا الموضوع سواء استفاد منه وقام بتطبيقه او لا بان يساهم في دعم المدونه عن طريق الضغط على زر أعجبني موجود آسفل المدونة في يسار المدونه ومتابعة صفحتنا على الفيس بوك فهذا بالنسبه لي يعتبر اكبر تقدير ومقابل تقدمه للمدونه, فكثرة تعليقات الشكر لا تسعدني بقدر ما اشعر بسعاده في الرد على استفساراتكم، لذلك لا اعتبر عبارات الشكر والمديح دعما حقيقيا يدفعني للاستمرار على عكس شئ بسيط.
كاشتراكك في صفحة المدونه
فهو قد يكون تافها بالنسبه لك لكن له اثر عميق في نفس من يكتب وينشر المواضيع لذا لا تبخل بمتابعتك
لنا واي استفسار, بخصوص الموضوع يرجا ترك تعليق بالاسفل سواء علي فيس بوك او بلوجر, وساقوم بالرد علي جميع الاستفسارات وساقوم ايضا بتلقي طلبات تركيب الاضافه لمن يرغب في ذلك ممن يستعصي عليه تطبيق الشرح
فقط قم بالرد هنا واخباري.. انتهى.
لدي موقع قمت يكتابته ب hyml و أريد أن أضيف له تعليقات الفيسبوك , لا تعمل معه هده الطريقة , ما الحل
ردحذفبارك الله فيك
ردحذفوانا كدلك .لا تعمل معي هذه الطريقه .اريد حل لو امكن
ردحذفشكرا على الموضوع الرائع
ردحذفبالنسبة للجزء الخاص بالـ body على ما اظن هناكـ مشكلة ما .. قمت بادراج ما اقدمت به حرفيا ولكن تظهر لي هذه الرسالة دوما تُرى ما السبب ..
ردحذفالرسالة ((لا يمكن توزيع القالب الخاص بك لأنه غير منسق بشكل جيد. الرجاء التأكد من إغلاق كافة عناصر XML بشكل صحيح.
رسالة خطأ XML: Element type "body" must be followed by either attribute specifications, ">" or "/>".
Error 500))
أخي ممكن طريقة تغيير لون التعليق و شكرااا
ردحذفالله يعطيك الف عافية شرح متقن ومميز
ردحذفمشكور علي الشرح الرائع والمميز اتمني زيارة برنامج علي متصفح
ردحذفسؤال اذا واحد يعلق ما يجيني شعار ع صفحتي بلفيس بوك شلون اعرف اكو واحد معلق؟
ردحذفأنا عندى نفس السؤال ..
حذفممتاز جداً
ردحذفتم التطبيق
مشكووووووووور
ردحذفاخي الكريم جزاك الله خيرا . الي الخطوة html ويعتبر الموضوع متوقفا , ماذا افعل لااجد باقي الخطوات
ردحذفكلام جميل
ردحذفشكـــــــــــــــــــــــــــــــرا
ردحذفالسلام شكرا على الموضوع و الدروس القيمة كنت أريد إضافة رد لكن نظرا لمنع هتمل لم يرسل و أرسلت رسالة لكم أنتظر الجواب و شكرا
ردحذفشكرا
ردحذفمشكووووووووووووور اخ على الموضوع المميز
ردحذفانا سويت كل الطرق وكله تمام و في الاخير بالحفظ يطل انه فس السطر الفلاني غير مرتب ولا يتم الحفظ :( .. لا اعرف ما السببب
ردحذفشكرا لك
ردحذف