طبعاً اتكلمنا على طريقة سهلة جداً سابقاً في هذا الموضوع (اضافة صندوق تعليقات الفيسبوك إلى مدونات بلوجر
)، ولكن كان بها عيب اشتكى منه البعض وهو ان التعليقات تتكرر في جميع التعليقات
وأخذت شكل كبير مثل الشكل التالي :
فلو كنت عملت التعليقات السابقة التي تتكرر وتريد حذفها وعمل الجديدة أنصحك برفع القالب مرة اخرى على المدونة أو تغيير القالب .
اليوم بإذن الله مع افضل وأحدث طريقة لها مميزات :
1- لن تتكرر التعليقات بل كل موضوع له تعليقاته الخاصة.
2- إمكانية مراقبة التعليقات والرد عليها وجعل نفسك ادمن التعليقات وحذف التعليقات وخلافه.
3- إذا علق شخص على الموضوع فسوف يظهر هذا التعليق في حسابه على الفيس مرفقاً معه رابط هذا الموضوع ،وهذا مهم في كسب مزيد من الزيارات لمدونتك .
- والكثير والكثير ستكتشفه بنفسك..
طريقة اضافة افضل وأحدث صندوق تعليقات فيس بوك لمدونات بلوجر 2012
إن شاء الله يكون الشرح سهل خالص وبدون أي تعقيدات .
1- اضغط هــنــا لإنشاء صندوق تعليقات الفيس بوك :
واتبع الشرح بالصور :(اضغط على الصور لتراها بالحجم الأصلي)
في الصورة السابقة :
App Name : اكتب اسم التطبيق (تعليقات الفيس بوك) اكتب اي اسم مش مهم.
App Namespace : اكتب أي حاجه مثلاً اسم مدونتك بالإنجليزية .
ثم اضغط متابعة
اذهب إلى إيميلك لكي تفعل التطبيق هتلاقي رابط : فقط اضغط عليه وبذلك يكون تم التفعيل .
ركز في الصورة التالية :
- الأرقام التي بجانب App id في اول الصورة السابقة احفظها في المفكرة على الجهاز علشان هنحتاجها في خطوة بعد كده .
- عند App domain : نطاق المدونة لو بلوجر مجانية يبقى (blogspot.com)
- عند site url : الصق رابط مدونتك اللي هيظهر فيها صندوق تعليقات الفيس بوك .
الخطوة الثانية :
عبارة عن اكواد لابد من وضعها في القالب حتى يعمل صندوق تعليقات الفيس بوك
من لوحة تحكم المدونة اذهب إلى تحرير html ، وضع علامة على توسيع القالب
1- ثم ابحث عن <html ثم ضع بعده مباشرة الكود التالي:
xmlns:fb='http://www.facebook.com/2008/fbml'
بحيث يأخذ شكل الكود في القالب كما يلي :
<html xmlns:fb='http://www.facebook.com/2008/fbml' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
2- ابحث عن الوسم <body> و بعده مباشرة ألصق الكود الآتي بعد استبدال معرف التطبيق بالأرقام التي نسختها سابقا في الخطوة الأولى:
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({xfbml: true, appId: معرف التطبيق });
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/ar_AR/all.js'
document.getElementById('fb-root').appendChild(e);
}());
</script>
3- بعد ذلك ابحث عن الوسم </head> ثم قبله مباشرة ألصق الكود التالي:
<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='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='معرف التطبيق ID' property='fb:app_id'/>
<meta content='معرف حسابك على فيسبوك ID' property='fb:admins'/>
<meta content='article' property='og:type'/>
عنوان المدونة : عنوان مدونتك أو أي اسم تحب أن يظهر على فيسبوك عندما يعجب أحدهم بإحدى تدويناتك.
الرابط البرتقالي : استبدله برابط صورة لشعار مدونتك.
معرف التطبيق ID : طبعا هو نفسه المعرف الذي نسخته في الخطوة الأولى.
معرف حسابك على فيسبوك ID :
وهو عبارة عن مجموعة ارقام تظهر في آخر رابط اكونتك على الفيس بوك
مثل التالي :
http://www.facebook.com/profile.php?id=000000000000000
ثم ابحث عن<data:post.body/> و بعده مباشرة ألصق الكود الموالي مع تعديل ما لون:
560 استبدلها بالعرض المناسب الذي تريد أن يبدو عليه صندوق تعليقات فيسبوك، و هذا هو الكود الذي يتولى إظهار صندوق التعليقات، فيمكنك إدراجه في أمكنة أخرى غير الذي ذكر بما يناسب مدونتك.
<b:if cond='data:blog.pageType == "item"'>
<div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<fb:comments width='560' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1'/>
</div>
</b:if>
ملحوظة: لمن يملكون قوالب داكنة يمكنه استعمال صندوق تعليقات فيسبوك باللون الأسود و لفعل ذلك نضيف colorscheme='dark' مباشرة بعد <fb:comments في الكود السابق.
و أخيرا اضغط زر الحفظ وادعيلي :)
ليست هناك تعليقات:
الأبتساماتأخفاء الأبتسامات