بات موقع التواصل الاجتماعى فيس بوك أحد أكبر الملتقيات على الشبكة العنكبوتية بالإضافة إلى أنه أصيح وسيلة هامة للدعايا للمنتجات المختلفة ، يمكنك تضمين موضوعات مدونتك على بلوجر بتعليقات فيس بوك لمزيد من التواصل مع الزائرين لمدونتك ومستخدمى الإنترنت .
خطوات إضافة تعليقات فيس بوك لمدونة بلوجر Face Book Comments
قم بتسجيل الدخول إلى حسابك فى الفيس بوك ثم اذهب إلى
الرابط التالى ثم نقوم بإنشاء تطبيق التعليقات الخاص بمدونتك ، تابع الشرح
App Name: اكتب اسم التطبيق ، مثلا ( تعليقات تدوين ) .
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'/>
لمعرفة الرمز الخاص بك على الفيس بوك ادخل على الرابط التالى واستبدل الكلمة باللون الأخضر إلى اسم حسابك على الفيس بوك
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>
ثم قم بالبحث عن الكود التالى
<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>
ثم اضغط حفظ الفالب ( حفظ النموذج ) ومبروك عليك تثبيت الأداة
تم بحمد الله ، دمتم فى حفظ الرحمن
