طريقه اضافه صندوق تعليقات فيس بوك



 

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

نقدم لكم اليوم شرح كيفية وضع صندوق تعليقات الفيسبوك علي مدونات بلوجر
مميزات الصندوق:
1- انتشار مدونتك علي الفيسبوك: حيث ان كل زائر سوف يضع تعليق..سوف يظهر علي حائطة ومن ثم يراة الاصدقاء ويساعد ذلك علي انتشار مدونتك
2- كل صندوق خاص بكل موضوع: بمعني ان كل موضوع سوف تجد تعليقات مستقلة للموضوع نفسة وليس للمدونة ككل.
3- جاهز لكل انواع القوالب: سواء القوالب ذات الالوان الفاتحة او القوالب ذات الخلفية الداكنة.


كيفية التثبيت:

1- نذهب الي هذا الرابط علي الفيسبوك
https://developers.facebook.com/setup/

ثم نضع البيانات حسب مدونتك
سوف يظهر لك في النهاية بضع ارقام..ما يهمنا هنا هو رقم معرف التطبيق او ما يعرف ب App ID 
ملحوظة: لا تشارك بقية الارقام مع احد
احتفظ بهذا الرقم سوف نريدة لاحقا

2- الذهاب الي لوحة التحكم 
ولاتنسي اخذ نسخة من القالب تحسبا لوقوع خطأ ما اثناء العمل

نبحث عن الكود التالي:( عن طريق الضغط في لوحة المفاتيح علي CTR+F

<html

 ثم نضع الكود التالي بعدة ( لاحظ المسافة بين الكودين والكود التالي ايضا)

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

 ليصبح هكذا:

<html xmlns:fb=’http://www.facebook.com/2008/fbml’

 3- نبحث عن هذا الكود:

<body>

 ونضع بعدة هذا الكود


<div id=”fb-root”></div>
<script>
    window.fbAsyncInit = function() {
    FB.init({
      appId  : ‘YOUR   APP ID‘,
      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(‘script’);
      e.src = document.location.protocol +   ‘//connect.facebook.net/en_US/all.js’;
    e.async = true;
      document.getElementById(‘fb-root’).appendChild(e);
    }());
</script>

مع تغييير  YOUR   APP ID  بالرقم الخاص بك

 4- نبحث عن هذا الكود

</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=’MY-SITE-NAME‘ property=’og:site_name’/>
<meta content=’YOUR-APP-ID‘   property=’fb:app_id’/>
<meta content=’YOUR-FACEBOOK-PROFILE-ID‘   property=’fb:admins’/>
<meta content=’article’   property=’og:type’/>

 مع تغيير هذه 
MY-SITE-NAME = اسم مدونتك
YOUR-APP-ID  رقم المعرف الخاص بك 
YOUR-FACEBOOK-PROFILE-ID    هذا الرقم سوف تجدة في نهاية رابط حسابك علي الفيسبوك
واذا كنت عامل اسم مستخدم مثلي انا
 http://www.facebook.com/TamerMaverick
..لن يظهر لك هذا الرقم

في هذه الحالة ..تذهب الي صورة البروفيل عندك وتضغط عليها ..سوف يظهر لك رقم التعريف الخاص بحسابك علي الفيسبوك
http://www.facebook.com/media/set/?set=pa.100001631603100
5- نبحث عن هذا الكود:

<data:post.body/>

 في بعض الحلات سوف تجد اكثر من كود في قالبك…نختار الثاني او نجرب كل واحد علي حدة

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

</b:if>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div><fb:comments width=’450‘ expr:title=’data:post.title’ expr:url=’data:post.url’   expr:xid=’data:post.id’/></div>
</b:if>

 واذا كان قالبك ذو خلفية داكنة ضع هذا الكود :


<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div><fb:comments colorscheme=’dark’ expr:href=’data:post.url’ expr:title=’data:post.title’ expr:url=’data:post.url’ expr:xid=’data:post.id’ width=’460’/></div>
</b:if>

 مع تغيير رقم عرض الصندوق كما تريد width=’460

 6- احفظ قالبك واستمتع بالخدمة 

تنبيه : المرجوا عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي.

Eng. Amr Shaaban
0124688533 –  0116706726
www.CompuAmr.blogspot.com

اترك تعليقاً