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


تتميز تعليقات فيسبوك الجديدة بالعديد من الميزات التي توفر أفضل الطرق لتفاعل المستخدمي مع موقعك مما يجعلها افضل فهي متجاوبة مع جميع الأجهزة ولها شكل جديد متجاوب مع الشاشات المتعددة بالإضافة إلى سهولة التحكم بها

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


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

بالبداية يجب علينا إنشاء تطبيق جديد بإستخدام حساب فيسبوك الخاص بك لإدارة التعليقات والتحكم في حذفها أو الموافقة عليها
وللبدء في إنشاء تطبيق فيسبوك أدخل للرابط التالي https://developers.facebook.com/apps
انقر على إضافة تطبيق جديد


أختر موقع إلكتروني


أدخل أسم التطبيق ثم أنقر على إنشاء تطبيق جديد



حدد فئة ثم انقر على إنشاء التطبيق



أدخل رابط موقعك أسفل الصفحة ثم أنقر على التالي




أنسخ معرف التطبيق سوف نحتاجه في الأكواد المُستخدمة في تعليقات بلوجر


الخطوة الأخيرة على فيسبوك مجدداً إدخل للتطبيقات الخاصة بك من الرابط https://developers.facebook.com/apps ثم أختر التطبيق الذي انشئته ثم من الجانب الايمن انقر على Settings ثم أدخل رابط الموقع الخاص بك والبريد الإلكتروني كما هو ظهار بالصورة التالية ثم انقر على زر حفظ.




الآن بعد إنشاء تطبيق على فيسبوك نتوجه إلى لوحة تحكم المدونة ثم نختار المدونة ومن بعد القالب ثم أنقر على تحرير Html
بإستخدام مفتاح الأختصار ctrl+f نقوم بالبحث عن الرمز </body> بعد ذلك أضف الكود التالي فوق الرمز </body> مباشرةً
<div id='fb-root'/>
<script type='text/javascript'>
//<![CDATA[
window.fbAsyncInit = function() {
FB.init({
appId : 'ضع-هنا-معرف-التطبيق',
status : true, // check login status
cookie : true, // enable cookies 
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/ar_AR/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
//]]>
</script>

ضع-هنا-معرف-التطبيق إستبدلها بمعرف التطبيق الذي أنشئته


الخطوة الأخيرة أبحث عن الرمز <div class='comments' id='comments'> ثم قم بتوسيعه وأضف أسفله مباشرةً الكود التالي

هذا الكود سوف يظهر تعليقات فيسبوك بخلفية بيضاء

<b:if cond='data:post.isFirstPost'>   
<script>(function(d){
 var js, id = &#39;facebook-jssdk&#39;; if (d.getElementById(id)) {return;}
 js = d.createElement(&#39;script&#39;); js.id = id; js.async = true;
 js.src = &quot;//connect.facebook.net/ar_AR/all.js#xfbml=1&quot;;
 d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js);
}(document));</script>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script>(function(d){
 var js, id = &#39;facebook-jssdk&#39;; if (d.getElementById(id)) {return;}
 js = d.createElement(&#39;script&#39;); js.id = id; js.async = true;
 js.src = &quot;//connect.facebook.net/ar_AR/all.js#xfbml=1&quot;;
 d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js);
}(document));</script>
<div style='margin: 20px 0 0 0;background:white;border:1px solid silver;'><fb:comments colorscheme='light' data-version='v2.3' expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id' width='100%'/></div>
</b:if>

او يمكن أختيار الخلفية السوداء من خلال الكود التالي بدلاً من الكود أعلاه

<b:if cond='data:post.isFirstPost'>   
<script>(function(d){
 var js, id = &#39;facebook-jssdk&#39;; if (d.getElementById(id)) {return;}
 js = d.createElement(&#39;script&#39;); js.id = id; js.async = true;
 js.src = &quot;//connect.facebook.net/ar_AR/all.js#xfbml=1&quot;;
 d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js);
}(document));</script>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script>(function(d){
 var js, id = &#39;facebook-jssdk&#39;; if (d.getElementById(id)) {return;}
 js = d.createElement(&#39;script&#39;); js.id = id; js.async = true;
 js.src = &quot;//connect.facebook.net/ar_AR/all.js#xfbml=1&quot;;
 d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js);
}(document));</script>
<div style='margin: 20px 0 0 0;background:black;border:1px solid silver;'><fb:comments colorscheme='dark' data-version='v2.3' expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id' width='100%'/></div>
</b:if>

ثم أنقر على حفظ القالب لترى أن تعليقات الفيسبوك بدأت بالظهور على موقعك :)


مشاركات أقدم المقال التالي
12 تعليق
  • اسعد القيسي
    اسعد القيسي 19‏/07‏/2015، 6:51:00 ص

    طبقت شرحك بالحرف ولم يظهر عندي مربع تعليقات
    http://www.taqafa2.co.vu/2015/07/blog-post_18.html
    ارجو المساعده اخي

    • مداد الجليد
      مداد الجليد 19‏/07‏/2015، 7:16:00 ص

      كما تلاحظ فهو يعمل بشكل جيد على مدونة مداد الجليد
      لديك صندوق تعليقات فيسبوك يجب ان لا يعمل 2 صندوق في كل موضوع لاحظ الصندوق مخفي بجانب تعليقات بلوجر في مدونتك

  • اسعد القيسي
    اسعد القيسي 20‏/07‏/2015، 2:17:00 ص

    شكرا جزيلااا اخي انت حقا مبدع استمر في تنزيل شروحات لمنصه بلوجر ... بالتوفيق
    http://www.taqafa2.co.vu/

  • غير معرف
    غير معرف 21‏/07‏/2015، 9:23:00 م

    (h) (b)

  • Sehrashark
    Sehrashark 18‏/01‏/2016، 4:01:00 م

    الف مشكور اخي عل مجهود الحلو

    عندي سؤال بالنسبة لرفع جميع مشاركاتي عند كتابتها
    او عند ما اريد مشاركة اي مشاركة على صفحة الفيس بوك
    انا اريد المشاركة داخل الصفحة العامة وليس صفحتي الخاصة على الفيس ولم اجد حل هل يوجد حل اخي

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

    • مداد الجليد
      مداد الجليد 19‏/01‏/2016، 12:04:00 ص

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

  • هيثم
    هيثم 31‏/08‏/2016، 5:28:00 م

    شكرا لك
    مدونتي تهتم بكل ما يخص الفوتوشوب
    www.de-ps.blogspot.com

    • مداد الجليد
      مداد الجليد 31‏/08‏/2016، 6:52:00 م

      موفق عزيزي موقع رائع

  • gh
    gh 15‏/05‏/2018، 3:24:00 ص

    شكر

  • مداد الجليد
    مداد الجليد 15‏/05‏/2018، 10:03:00 ص

    العفو اخي

أضف تعليق
عنوان التعليق