السلام عليكم ورحمة الله وبركاتة
نقدم لكم اليوم شرح كيفية وضع صندوق تعليقات الفيسبوك علي مدونات بلوجر
مميزات الصندوق:
1- انتشار مدونتك علي الفيسبوك: حيث ان كل زائر سوف يضع تعليق..سوف يظهر علي حائطة ومن ثم يراة الاصدقاء ويساعد ذلك علي انتشار مدونتك
2- كل صندوق خاص بكل موضوع: بمعني ان كل موضوع سوف تجد تعليقات مستقلة للموضوع نفسة وليس للمدونة ككل.
3- جاهز لكل انواع القوالب: سواء القوالب ذات الالوان الفاتحة او القوالب ذات الخلفية الداكنة.
كيفية التثبيت:
1- نذهب الي هذا الرابط علي الفيسبوك
https://developers.facebook.com/setup/
ثم نضع البيانات حسب مدونتك
ملحوظة: لا تشارك بقية الارقام مع احد
2- الذهاب الي لوحة التحكم
نبحث عن الكود التالي:( عن طريق الضغط في لوحة المفاتيح علي CTR+F
<html
ثم نضع الكود التالي بعدة ( لاحظ المسافة بين الكودين والكود التالي ايضا)
xmlns:fb='http://www.facebook.com/2008/fbml'
ليصبح هكذا:
<html xmlns:fb='http://www.facebook.com/2008/fbml'
3- نبحث عن هذا الكود:
<body>ونضع بعدة هذا الكود
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR APP 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>
مع تغييير YOUR APP ID بالرقم الخاص بك
4- نبحث عن هذا الكود
</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='MY-SITE-NAME' property='og:site_name'/>
<meta content='YOUR-APP-ID' property='fb:app_id'/>
<meta content='YOUR-FACEBOOK-PROFILE-ID' property='fb:admins'/>
<meta content='article' property='og:type'/>
مع تغيير هذه
MY-SITE-NAME = اسم مدونتكYOUR-APP-ID رقم المعرف الخاص بك
YOUR-FACEBOOK-PROFILE-ID هذا الرقم سوف تجدة في نهاية رابط حسابك علي الفيسبوك
واذا كنت عامل اسم مستخدم مثلي انا
http://www.facebook.com/TamerMaverick
..لن يظهر لك هذا الرقم
في هذه الحالة ..تذهب الي صورة البروفيل عندك وتضغط عليها ..سوف يظهر لك رقم التعريف الخاص بحسابك علي الفيسبوك
http://www.facebook.com/media/set/?set=pa.100001631603100
5- نبحث عن هذا الكود:
<data:post.body/>في بعض الحلات سوف تجد اكثر من كود في قالبك...نختار الثاني او نجرب كل واحد علي حدة
ثم نضع تحتتة مباشرة هذا الكود:
</b:if>واذا كان قالبك ذو خلفية داكنة ضع هذا الكود :
<b:if cond='data:blog.pageType == "item"'>
<div><fb:comments width='450' expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id'/></div>
</b:if>
مع تغيير رقم عرض الصندوق كما تريد width='460
<b:if cond='data:blog.pageType == "item"'>
<div><fb:comments colorscheme='dark' expr:href='data:post.url' expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id' width='460'/></div>
</b:if>
6- احفظ قالبك واستمتع بالخدمة
أرق تحياتي
ممكن تساعدنى وتبعتلى الكود لانه مفيش عنا خدمة الجواال فى فلسطين
ردحذفجميل جداً ..
ردحذفوالشرح حلو بس أنا قالب مدونتي ما فيه الكود : < body >
كيف ممكن ركب التعليقات :(
ركبتها وظهرت بس مشكلتي كل التعليقات بتظهر فـ كل المواضيع ؟؟!
إذا في مجال تردوا علي !
أنا مش فاهم حاجه خالص منك
ردحذفجميل وشرح متميز وبالفعل بعد اتباع هذه التعليمات تم تركيبه بنجاح
ردحذفوعمل بشكل قوي
لكن المشكلة ان مساحة فراغ بين مربع تعليق الفيس والخبر نفسه
هل ممكن اقدر اعرف كيف اتخلص من هذه المسافة الفارغة
السلام عليكم ورحمة الله اخى صاحب المدونة جزاك الله كل خير على كل ما تقدموه على مدونتكم وعلى المجهود الرائع الذى تبزلونة واتنمنى ان اجرى تبادل اعلانى معكم فى مدونتكم وهذه مدونتى
ردحذفhttp://nasae7-wa-ma3lomat.blogspot.com/