الأربعاء، 28 أغسطس 2013

تركيب صندوق تعليقات الفيسبوك على مدونة بلوجر

الكثير من المدونين يتمنون إنشاء صندوق تعليقات الفيسبوك على مدوناتهم, واليوم بإذن الله سوف أقوم بشرح طريقة تركيب هذا الصندوق على مدونة بلوجر …





ولهذه الإضافة مزايا عديدة منها :

  • لكل تدوينة تعليقاتها الخاصة.
  • إمكانية الرد علي الأعضاء والإعجاب بأي رد.
  • يمكن أن تحذف أي رد أو تعليق غير لائق.
  • يمكنك إضافاة مشرفين لمراقبة التعليقات.
والميزة الأهم أن هذا يساعد علي انتشار المدونة على الفيسبوك, فكل رد سوف يظهر في صفحة العضو أمام جميع أصدقائه ومن ثم انتشار سريع للمدونة.


نأتي للشرح … في البداية يجب ان تمتلك حسابا علي الفيسبوك … ثم تذهب الي هذه الصفحة صفحة إنشاء تطبيقات فيسبوك ثم نتبع الاتي كما بالصور

بعد الضغط على Continue سوف نذهب الي الخيار التالي:


وبعد ذلك نتجه إلى شاشة التطبيق بالظغط على Continue ونتابع كما يلي:



ونحتفظ برقم ID  الخاص بالتطبيق لنستحدمه في المرحلة التالية, 
بعد ذلك نتجه إلي المدونة ثم قالب ثم تحرير HTML ونضغط علي خانة توسيع القالب ونبحث عن الوسم <html  ثم نضع بعده الكود التالي :

xmlns:fb='http://www.facebook.com/2008/fbml'

وبعد ذلك نبحث عن الوسم <body>  ونضع بعده مباشرة الكود التالي :

<div id='fb-root'/> 
<script> 
window.fbAsyncInit = function() { 
FB.init({xfbml: true, appId: معرف التطبيق }); 
}; 
(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>
ثم بعد ذلك نبحث عن الوسم </head>  ونضع قبله الكود التالي :

<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<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=’رابط شعار مدونتك ‘ property='og:image'/> 
<meta content='معرف التطبيق ID' property='fb:app_id'/> 
<meta content='معرف حسابك على فيسبوك ID' property='fb:admins'/> 
<meta content='article' property='og:type'/>

انتباه: لا تنسي تبديل الروابط ومعرف ID  الخاص بالتطبيق ومعرف الفيسبوك الخاص بك.

وبعد ذلك نبحث عن الوسم <data:post.body/>  ونضع
الكود التالي  بعده مباشرة:

<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/> 
<fb:comments width='560' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1'/> 
</div> 
</b:if>


ورقم 560 هو عرض الصندوق وممكن تغييره كيفما شئت حتي يكون مناسب لعرض مدونتك.
أخيرا اضغط زر حفظ القالب ومبروك عليكم صندوق تعليقات الفيسبوك...

0 التعليقات:

إرسال تعليق

:) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer
اضغط على الابتسامة لظهور الكود الخاص بها
لإدراج تعبيرات الوجه يجب إضافة ما لا يقل عن مسافة واحدة قبل رمز.