لاضافة صندوق تعليقات الفيس لمدونة بلوجر نتبع الخطوات التالية
اولايجب ذكر الهدف من اضافة نموذج تعليقات الفيسبوك هو امكانية التعليقات للمدونة بواسطة حسابك على الفيس ومشاركة المحتوى على الفيس
نذهب للخطوات اعداد اضافة صندوق التعليقات الفيس للمدونة بلوجر
-ندخل لموقغ الفيسبوك ديفيلوبرfacebook developersمن الرابط التالى
https://developers.facebook.com/apps
-قم بالضغط على انشاء تطبيق جديد
-بعد ملئ الخانات كما بالصورة والانتهاء من التطبيق
ثانيا:نقوم باضافة النموذج فى قالب المدونة
الى خطواتتنفيذ الاضافة فى قالب المدونة
-ادخل للوحة تحكم مدونتك بلوجر
-اختار المظهر ومنة اضغط على تحرير القالب html
-اضغط على مفتاح ctrl+f
ضع الكود التالى<html فى مربع البحث واضغط enter
-اضف الكود التالى بعدة xmlns:fb=http://wwwfacebook.com/fbml/,
-قم بالبحث عن الكود<bodyexpr:class="loading"+data;blog.mobilclassK<
وبعد ضع الكود التالى مباشرة
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'App ID/API Key',
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>
-استبدل=App ID/API Keyبرقم التعريف لذى انشاتةapp id
- قم بالبحث عن<head/>
ثم ضع الكود التالى فوقة
<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=' App ID/API Key ' property='fb:app_id'/>
<meta content='http://www.facebook.com/CASERMEM ' property='fb:admins'/>
<meta content='article' property='og:type'/>
-قم بتغير ماباللون الازرق كالتالى:
-غير كود بلوجر بعنوان مدونتك
-غيرApp ID/API Keyبرقم تعريف app idلتطبيقك
-غيرCASERMEM بعنوان بروفابلك
--قم بالبحث عن الكود التالى
<b:includable id='comment-form' var='post'>
وبعدة اضف الكود التالى
<div class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="470"></div>
والى هنا مبروك عليك نجاح اضافة نموذج صندوق تعليقات الفيس لمدونتك فى بلوجر والى لقاء اخر والسلام عليكم ورحمة اللة وبركاتة.
-استبدل=App ID/API Keyبرقم التعريف لذى انشاتةapp id
- قم بالبحث عن<head/>
ثم ضع الكود التالى فوقة
<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=' App ID/API Key ' property='fb:app_id'/>
<meta content='http://www.facebook.com/CASERMEM ' property='fb:admins'/>
<meta content='article' property='og:type'/>
-قم بتغير ماباللون الازرق كالتالى:
-غير كود بلوجر بعنوان مدونتك
-غيرApp ID/API Keyبرقم تعريف app idلتطبيقك
-غيرCASERMEM بعنوان بروفابلك
--قم بالبحث عن الكود التالى
<b:includable id='comment-form' var='post'>
وبعدة اضف الكود التالى
<div class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="470"></div>
والى هنا مبروك عليك نجاح اضافة نموذج صندوق تعليقات الفيس لمدونتك فى بلوجر والى لقاء اخر والسلام عليكم ورحمة اللة وبركاتة.
0 التعليقات