08‏/07‏/2014

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

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


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

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

أنت بحاجة أولا لانشاء تطبيق على الفيسبوك، وللقيام بذلك راجع الدرس التالي: انشاء تطبيق على فيس بوك

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

اضافة الاكواد في قالب بلوجر

من واجهة بلوجر قوموا بالنقر على قالب ثم تحرير Html



ثم Ctrl+F من لوحة المفاتيح للبحث عن الكود التالي : 
<body/>
وفوقه مباشرة قوموا بلصق الكود التالي مع تغيير رقم App ID بالأحمر :
<div id='fb-root'/>
<script>
//<![CDATA[
(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/ar_AR/sdk.js#xfbml=1&version=v2.7&appId=803303576422252";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>


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

<div class='fb-comments' data-numposts='5'/>



يكفي الآن حفظ التغييرات، وسيتم إضافة وإظهار صندوق  تعليقات فيس بوك العربية لمدونة بلوجر الخاصة بكم. إذا واجهتكم اية مشكلة لا تترددوا في طرحها عبر التعليقات.

قد تود قراءة:

5 تعليقات

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

أخي قم بالبحث عن الكود المناسب. لأنه قد يتواجد واحد أو إثنان. لقد قمت بالعديد من التجارب قبل نشر الدرس. إذا لم تستطع غضافته أرسل إلي قالب مدونتك وساقوم بالأمر من أجلك :)
yanbaha@gmail.com

أخي قم بالبحث عن الكود المناسب. لأنه قد يتواجد واحد أو إثنان. لقد قمت بالعديد من التجارب قبل نشر الدرس. إذا لم تستطع غضافته أرسل إلي قالب مدونتك وساقوم بالأمر من أجلك :)
yanbaha@gmail.com

اول شئ شكرا على الطرح الجميل وثانيا لم تشرج لنا حين قلت قوموا بنسخ App ID وحفظه في مكان ما لأننا سنحتاجه لاحقا ورابعا اتبعت كل الخطوات ولم تظهر عندي خانة لكتابة التعلقات فماهو الحل ؟

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

لكل سؤال أو إضافة، يرجى كتابة تعليقك في الخانة اسفله