نقدم لكم اليوم شرح كيفية وضع صندوق تعليقات الفيسبوك علي مدونات بلوجر
مميزات الصندوق:
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’/>
YOUR-APP-ID رقم المعرف الخاص بك
YOUR-FACEBOOK-PROFILE-ID هذا الرقم سوف تجدة في نهاية رابط حسابك علي الفيسبوك
<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>
واذا كان قالبك ذو خلفية داكنة ضع هذا الكود :
<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>
مع تغيير رقم عرض الصندوق كما تريد width=’460
6- احفظ قالبك واستمتع بالخدمة