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

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

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

صورة للاضافة

اولاً- الحصول على معرف تطبيق لتعليقات الفيس بوك

اذهب الى صفحة الفيس الخاصة ب التطبيقات [اضـغط هنـا] اختار اي اسم يعجبك للتطبيق واضغط متابعـة

ثم قم بكتابة الكود الي يظهرلك في الصورة

الان قمنا ب الحصول على معرف التطبيق قم بحفظه لانك سوف تحتاجه تابع .

ثانياً- الحصول على معرف حسابك

الصق الرابط التالي على المتصفح وقم بنسخ الارقام المقابلة للـ ( id )

قم بتغير ( Mr.Aziz.Iraqi ) الى اسم مستخدم حسابك في الفيس او رابط حساب على الفيس اجعله كما في الرابط الاسفل

https://graph.facebook.com/Mr.Aziz.Iraqi

ثالثاً- طريقة تركيب التعليقات على المدونة بطريقة صحيحة

نذهب الى تحرير HTML توسيع القالب نبحث على <html اضف بعده مباشرة الكود التالي

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

ليصبح الكود هكذا

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

لأن نبحث عن <body> واضف بعده مباشرة الكود التالي

<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 == "item"'>

<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghvhgQs8g9-UisHK7uRiF7eIzjv7WgTjc16OqlMXyidhfBj-mRxugzL_ubgj_Tf1zrfD44MJC8RII8um4qvgSILBQehSuT16hs6Ocypv1P9Ez8M5tSS8hsoRcYv0m-U_E83N2Bj3sndvE/s1600/Azez-XD.png'   property='og:image'/>
<meta content='معرف التطبيق'   property='fb:app_id'/><meta content='معرف الحساب'   property='fb:admins'/><meta content='article'   property='og:type'/>

ملاحظة_ قم بتغير رابط شعار الصورة الى شعارك او صورتك الخاصة

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghvhgQs8g9-UisHK7uRiF7eIzjv7WgTjc16OqlMXyidhfBj-mRxugzL_ubgj_Tf1zrfD44MJC8RII8um4qvgSILBQehSuT16hs6Ocypv1P9Ez8M5tSS8hsoRcYv0m-U_E83N2Bj3sndvE/s1600/Azez-XD.png

لان ابحث عن <data:post.body/> واضف بعدها مباشرة الكود التالي

<b:if cond='data:blog.pageType == "item"'>

<div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>

<fb:comments width='600' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1'/>
</div>
</b:if>

يمكنك تغير عرض صندوق التعليقات ليكون ملائم لشكل مدونتك من خلال تغير العرض width='600'

نقل بدون ذكر المصدر ممنوع

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

التالي

رسالة أحدث

السابق

رسالة أقدم

4 التعليقات: