9/08/2013 01:46:00 PM

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


بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

وضع تعليق افيسبوك في مواضيع المدونة - اضافات بلوجر
الكثير من يطلب ان يكون له صندوق تعليقات الفيسبوك بوك علي مدونته, واليوم بذان الله سوف نشرح طريقة تركيب هذا الصندوق علي المدونة … وهذه الاضافة لها مزايا عديدة . منها :
  • لكل تدوينة تعليقاتها الخاصة .
  • امكانية الرد علي الاعضاء والاعجاب باي رد .
  • يمكن ان تحذف اي رد او تعليق غير لائق .
  • يمكنك اضافاة مشرفين لمراقبة التعليقات .
  • والميزة الاهم ان هذا يساعد علي انتشار المدونة علي الفيسبوك , فكل رد سوف يظهر في صفحة العضو امام جميع اصدقؤه ومن ثم انتشار سريع للمدونة .
نأتي للشرح … في البداية يجب ان تمتلك حسابا علي الفيسبوك … ثم تذهب الي هذه الصفحة صفحة إنشاء تطبيقات فيسبوك ثم نتبع الاتي كما بالصور من هنــــا
 
اضافات بلوجر
بعد الضغط علي Continue سوف نذهب الي الصورة التالية
اضافات بلوجر
وبعد ذلك نتجه الي شاشة التطبيق بالطغط علي Continue ونتابع كما في الصورة التالية
اضافات بلوجر
ونحتفظ برقم ID تاخاص بالتطبيق لاننا سنستحدمه في مرحلة تالية Smile
بعد ذلك نتجه الي المدونة ثم قالب ثم تحرير HTML ونضغط علي خانة توسيع القالب ونبح عن الوسم <html ثم نضع بعده الكود التالي
وبعد ذلك نبحث عن الوسم <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 هو عرض الصندوق وممكن تغييره كيفما شئت حتي يكون مناسب لعرض مدونتك .
اضغط زر حفظ القالب ومبروك عليك Smile