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

سنتعرف اليوم على طريقة إضافة صندوق تعليقات فيس بوك إلى مدونة بلوجر، وزيادة تفاعل الزوار مع المدونة.

اولا : انشاء تطبيق في منصة مطوري فيس بوك.

1 ـ من منصة مطوري فيس بوك.
2 ـ اضغط على (إضافة تطبيق جديد).
3 ـ ستظهر لك نافذة، ضع فيها اسم المدونة، واختر نوع التصنيف، ثم اضغط على (إنشاء معرف تطبيق).

ثانيا : ربط التطبيق بالمدونة.

المرحلة الأولى ـ من منصة مطوري فيس بوك.

1 ـ من منصة مطوري فيس بوك.
2 ـ اختر التطبيق المقصود.
3 ـ إذهب الى (لوحة المعلومات) في القائمة الجانبية.
4 ـ إضغط على (اختيار المنصة)، واضغط على خيار (موقع ويب).
5 ـ ستحصل على كود، يشبه هذا مع تغيير xxxIDxxx برقم ID التطبيق الذي أنشأته:

<script>

  window.fbAsyncInit = function() {

    FB.init({

      appId      : 'xxxIDxxx',

      xfbml      : true,

      version    : 'v2.8'

    });

    FB.AppEvents.logPageView();

  };

  (function(d, s, id){

     var js, fjs = d.getElementsByTagName(s)[0];

     if (d.getElementById(id)) {return;}

     js = d.createElement(s); js.id = id;

     js.src = "//connect.facebook.net/en_US/sdk.js";

     fjs.parentNode.insertBefore(js, fjs);

   }(document, 'script', 'facebook-jssdk'));

</script>

6 ـ ضع رابط الموقع في المكان المخصص له.
7 ـ (بعد تطبيق المرحلة الموالية) اضغط التالي واتبع التعليمات.

المرحلة الثانية ـ من لوحة التحكم Blogger.

1 ـ من لوحة التحكم Blogger إذهب إلى (قالب) ← (تحرير HTML).
(ننصح بأخذ نسخة احتياطية من القالب)
2 ـ ابحث بالإستعانة بـ (CTRL+F) عن الكود body> وضع بعده الكود السابق.
3 ـ في ميتا المدونة بعد </head> ضع الكود التالي:

<meta content='xxxIDxxx' property='fb:app_id'/>

غير xxxIDxxx برقم ID التطبيق الذي أنشأته.

ثالثا : اضافة كود الأداة إلى HTML المدونة.

1 ـ من لوحة التحكم Blogger إذهب إلى (قالب) ← (تحرير HTML).
(ننصح بأخذ نسخة احتياطية من القالب)
2 ـ اذهب الى المكان الذي تريد أن تظهر فيه أداة التعليقات، أو ابحث بالإستعانة بـ (CTRL+F) عن أحد الأكواد التالية:

<data:post.body/>

أو

<p><data:post.body/></p>

أو

 <div class='post-footer-line post-footer-line-1'> 

أو

<p class='post-footer-line post-footer-line-1'>

أو

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

3 ـ ضع بعده أحد الكودين التاليين حسب الاختيار:

كود تعليقات أداة فيسبوك باللون الأبيض:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div align='left'>

<div style='background: #ffffff;'>

<script src='http://connect.facebook.net/en_US/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='100%'/></div>

</div>

</div>

</b:if>

كود تعليقات أداة فيسبوك باللون الأسود:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div align='left'>

<div style='background: #444444;'>

<script src='http://connect.facebook.net/en_US/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='100%'/></div>

</div>

</div>

</b:if>

رابعا : إدارة التطبيق وتشغيل الميزات :

تشغيل اشعارات تعليقات فيس بوك في المدونة، لتصل الى حسابك الشخصي في فيس بوك.

1 ـ إذهب إلى صفحة أداة التعليقات من منصة مطوري فيس بوك.
2 ـ اختر التطبيق الذي قمت بإنشائه.
3 ـ اضغط على (الاعدادات).

4 ـ اضغط على (المشرفون)، وضع اسم حسابك الشخصي في فيس بوك في المكان المخصص له، واضغط حفظ.

5 ـ وفي (الاعدادات) اختر (تشغيل الاشعارات).

ميزات أخرى متاحة.

ـ ميزة دمج تعليقات فيسبوك على مقالات المدونة بتعليقات المنشورات على صفحة فيس بوك.

ـ ميزة اتاحة التعليق بالصور للزوار.
ـ إدارة حظر المستخدمين.
وغيرها.

تصنيفات المقالة | إضافات