إضافة تعليقات فيس بوك إلى مدونة بلوجر Face Book Comments
خطوات إضافة تعليقات فيس بوك لمدونة بلوجر Face Book Comments
قم بتسجيل الدخول إلى حسابك فى الفيس بوك ثم اذهب إلى الرابط التالى ثم نقوم بإنشاء تطبيق التعليقات الخاص بمدونتك ، تابع الشرح
App Namespace: اكتب اسم التطبيق بالانجليزية ، مثلا ( tadween ) .
ثم اضغط على Continue
سيظهر لك بعد ذلك التأكيد الأمنى ، اكتب الحروف التى تظهر لك فى الخانة أدناه
ثم اضغط Submit
الآن تم إنشاء التطبيق
هام: قم بحفظ الأرقام التى تظهر الخاصة بكل من App ID و App Secrets لأنك ستحتاج هذه الأرقام بعد ذلك .
تكمل إعدادت التطبيق كما هو موضح فى الشرح
Display name : الاسم الذى أعطيته للتطبيق ( تعليقات تدوين ) .
Namespaces : الاسم الإنجليزى الذى أعطيته للتطبيق ( tadween ) .
فى الغالب ستجدهما موجودين بالفعل ولن تحتاج لإضافتهما مرة أخرى .
contact email : اكتب بريدك الإليكترونى ( نفس البريد الذى تسجل به الدخول إلى حسابك فى الفيس بوك ) .
App Domains : اكتب رابط مدونتك .
الخطوة القادمة هامة
website with facebook login : اكتب رابط مدونتك كاملا ، اكتبه على هذه الطريقة
http://abc-tadween.blogspot.com
ثم اضغط Save changes
اذهب إلى لوحة تحكم مدونتك واختار قالب ومنها اضغط تحرير HTML ثم اضغط متابعة وقم بوضع علامة صح لتوسة القالب .
اضغط Ctrl + f لفتح مربع البحث وقم بالبحث عن الكود التالى
html>
ثم قم باستبداله بالكود التالى
'html xmlns:fb='http://www.facebook.com/2008/fbml>
ثم ابحث عن الكود التالى
</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='اكتب هنا App Id اللى انت حفظته' property='fb:app_id'/>
<meta content='اكتب الرمز الخاص بحسابك على الفيس بوك' property='fb:admins'/>
<meta content='article' property='og:type'/>
<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='اكتب هنا App Id اللى انت حفظته' property='fb:app_id'/>
<meta content='اكتب الرمز الخاص بحسابك على الفيس بوك' property='fb:admins'/>
<meta content='article' property='og:type'/>
لمعرفة الرمز الخاص بك على الفيس بوك ادخل على الرابط التالى واستبدل الكلمة باللون الأخضر إلى اسم حسابك على الفيس بوك
https://graph.facebook.com/tadweenblog
https://graph.facebook.com/tadweenblog
ثم قم بالبحث عن الكود التالى
<body
ثم اضف بعده الكود التالى
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({xfbml: true, appId: اكتب هنا اللى انت حفظته App ID });
};
(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>
<script>
window.fbAsyncInit = function() {
FB.init({xfbml: true, appId: اكتب هنا اللى انت حفظته App ID });
};
(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>
ثم قم بالبحث عن الكود التالى
<div class='comments' id='comments'>
ثم اضف بعده الكود التالى
<br/><br/>
<h4>ضع تعليقك</h4>
<b:if cond='data:blog.pageType == "item"'>
<div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<fb:comments colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1' width='540'/>
</div>
</b:if>
<h4>ضع تعليقك</h4>
<b:if cond='data:blog.pageType == "item"'>
<div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<fb:comments colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1' width='540'/>
</div>
</b:if>
ثم اضغط حفظ الفالب ( حفظ النموذج ) ومبروك عليك تثبيت الأداة
تم بحمد الله ، دمتم فى حفظ الرحمن
|
|
|
|
اشترك معنا و تابع جديد المدونة :) |
كن من متابعينا 
|
ما عم تزبط معي
أخى أين واجهتك المشكلة تحديدا ؟