لأضافة تعليقات الفيس بوك لمدونتك ببلوجر تتبع مايلي :
أولا يجب عليك أنشاء حساب من خلال تطبيقك للفيس من خلال هذا الرابط
https://developers.facebook.com/apps
تضغط على CRET NEW APP
بعد ذلك تملأ القائمة الظاهرة لك وتدخل الكود وتضغط موافق
وسيظهر لك أي بي تحتفظ به كما موضح بالصورة
بعد ذلك تنتقل الى القالب لمدونتك ببلوجر وتبحث عن :
عن طريق ctrl+f وتضع الكود بالاعلى سيظهر لك مظلل بالأصفر
ثانيا تضف هذا الكود فوقه
xmlns:og='http://ogp.me/ns#'
بعد وسم HTML ليصبح مثل الكود أسفله :
<html xmlns:og='http://ogp.me/ns#' ...... xmlns:expr='http://www.google.com/2005/gml/expr'>
الان إبحث عن :
</head>
و أضف أسفله هذا الكود :
<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
قم الان بالبحت عن :
</head>
و أضف فوقها هذا الكود :
<meta property="fb:app_id" content="YOUR_APP_ID" />
مع تبديل هذا الكود بالاي دي الخاص بك الدي حصلت عليه
من التطبيق بالفيس بوك
YOUR_APP_ID
الان اخر مرحلة هي إضافة التعليقات إلى القالب
إبحث عن هذا الكود :
</b:includable>
<b:includable id='postQuickEdit' var='post'>
و هو موضح كما بالصورة :
ثانيا تضف هذا الكود فوقه
xmlns:og='http://ogp.me/ns#'
بعد وسم HTML ليصبح مثل الكود أسفله :
<html xmlns:og='http://ogp.me/ns#' ...... xmlns:expr='http://www.google.com/2005/gml/expr'>
الان إبحث عن :
</head>
و أضف أسفله هذا الكود :
<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
قم الان بالبحت عن :
</head>
و أضف فوقها هذا الكود :
<meta property="fb:app_id" content="YOUR_APP_ID" />
مع تبديل هذا الكود بالاي دي الخاص بك الدي حصلت عليه
من التطبيق بالفيس بوك
YOUR_APP_ID
الان اخر مرحلة هي إضافة التعليقات إلى القالب
إبحث عن هذا الكود :
</b:includable>
<b:includable id='postQuickEdit' var='post'>
و هو موضح كما بالصورة :
و ضع هذا الكود فوقه
<b:if
cond='data:blog.pageType == "item"'>
<div
style='padding:20px 0px 5px 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='550'
/>
</div>
</div>
</b:if>
لو اردت ان يظهر المربع بالعربية فضع هذا الكود بدلا عن الكود الموجود بنفس الخطوة الاخيرة
أو قم بتبديل الرمزين الى ar_AR فقط
src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'
لو اردت المربع باللون الاسود فضع كلمة DARK بدلا من LIGHT
src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'
لو اردت المربع باللون الاسود فضع كلمة DARK بدلا من LIGHT
تحياتي : همس
0 التعليقات:
إرسال تعليق