طريقة اضافة تعليقات الفيسبوك Facebook لمدونة بلوجر

بسم الله الرحمن الرحيم

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

اهلا وسهلا بكم اخواني الكرام في مدونة الكوفي العراقية .. سنتطرق ان شاء الله في هذه التدوينة الى الطريقة الصحيحة لوضع تعليقات الفيسبوك العربية في مدونة بلوجر وكما هو معلوم ان موقع التواصل الاجتماعي الفيسبوك اصبح عامل مهم في المواقع لنشر المواضيع والاخبار بين الناس وذلك بسبب كثرة المشتركين في موقع الفيسبوك ...

حيث سيكون شكل التعليقات كما في الصورة ادناه

أولا: انشاء تطبيق على الفيسبوك:-

اذهب الى موقع الفيسبوك لانشاء تطبيق اضغط هنا
تابع الشرح بالصور اضغط عليها لتراها بحجم كبير ...

بعد الانتهاء من انشاء التطبيق ستظهر لك هذه الصورة فوق تعني انها تم الانشاء بصورة صحيحة

ثانيا: اضافة الاكواد :- لاتنسى اخذ نسخة احتياطية من القالب قبل عمل اي شئ

ادخل الى لوحة تحكم مدونتك مــن هنــا
ثم الى قالب ثم تحرير html ولا تنسخ ان تضع علامة على توسيع القالب.
ابحث عن الكود التالي :

<html

ثم ضع هذا الكود بعده مباشرة (يعني تضع مسافة واحدة بينه وبين الكود الجديد التالي:-

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

 ملاحظة السهم بالاسفل هو يكون في البداية وليس كما بالكود السبب من المدونة يتجعله بالنهاية لكنه الان صحيح وجرب نسخه الى مفكرة في جهازك 
ليصبح بهذا الشكل
<html xmlns:fb='http://www.facebook.com/2008/fbml'

ثم ابحث عن الكود التالي

<body>

ملاحظة: بالنسبة للقوالب الجديدة يكون بهذا الشكل :-

<body expr:class='"loading" + data:blog.mobileClass'>

ضع الكود التالي أسفل احد الكودين حسب ماموجود عندك :-

<div id='fb-root'/>
<script>
    window.fbAsyncInit = function() {
    FB.init({
      appId  : &#39;ضع رقم التطبيق هنا&#39;,
      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(&#39;script&#39;);
      e.src = document.location.protocol +   &#39;//connect.facebook.net/ar_AR/all.js&#39;;
    e.async = true;
      document.getElementById(&#39;fb-root&#39;).appendChild(e);
    }());
</script>

ضع رقم التطبيق الذي انشأناه سابقا بدل عبارة (ضع رقم التطبيق هنا) .

الان ابحث عن </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='رابط  صورة  اللوغو الخاص بالمدونة' property='og:image'/>
<meta content='رقم التطبيق' property='fb:app_id'/>
<meta content='http://www.facebook.com/amir.al3raQi' property='fb:admins'/>
<meta content='article' property='og:type'/>

1- غير (مدونة الكوفي العراقية) باسم مدونتك
2- غير رابط اللوغو الخاص بمدونتك بحيث ستضهر هذه الصورة بجانب عنوان موضوعك

على بروفيلات الزوار ويفضل أن تكون بحجم 40px * 40 px .
3- بدل رقم التطبيق برقم التطبيق الدي أنشأناه بالبداية
4- غير اسمي amir.al3raQi برابط بوفيلك وليس صفحتك

ثالثاً: الخطوة الاخيرة :-
ابحث عن الكود التالي :-

<b:includable id='comment-form' var='post'>

ثم ضع تحته مباشرة الكود:-

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

يمكنك تغير مايلي حسب شكل ولون مدونتك .

1- اللغة ar_AR تجعل الاداة باللغة العربية ويمكن ارجاعها بالانجليزية بوضع en_US .-
2- اللون light تعني لون الصندوق الطبيعي وهي الأبيض ويمكنك ارجاعه أسود وضع مكانها DARK .
3- القياس 520 تعني عرض الصندوق ويمكنك التعديل عليه الى مايناسبك بتغيير الرقم .

احفظ القالب ومبرروك عليك الاضافة