صندوق تعليقات الفيسبوك فى موقعك Facebook Comments Box on your site

بسم الله الرحمن الرحيم

---------

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

زياده اعجابات الفيسبوك تحويل صفحه الفيسبوك الشخصى الى صفحه عامه

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

مميزات الإضافة:

أهم ميزة في اعتقادي هي أن كل من علق فإن تعليقه يظهر على صفحته على فيسبوك
مرفقا برابط للموضوع و صويرة في حال أبقى على الإشارة في خانة "نشر في فيسبوك
" "Post to Facebook". الشيء الذي سيساعد في إشهار المدونة و نشر مواضيعها...
و طبعا ميزات عدة نترك لكم فرصة اكتشافها...

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

ستدخل رابط مدونتك و رابط اسم النطاق الذي عليه مدونتك، مثلا http://wwwmustafaalmsry.blogspot.com/ لمدونات بلوجر التي لا تستعمل اسم نطاق خاص. كذلك ستكون قد نسخت معرف التطبيق الموضح في الصورة لانك ستحتاجه فيما بعد.

الخطوة الثانية: إضافة الأكواد اللازمة إلى قالب المدونة

من لوح تحكم مدونتك توجه إلى صفحة "التصميم" ثم "تحرير HTML" و قبل أي تعديل رجاء احفظ نسخة احتياطية من قالب مدونتك على جهازك ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
ابحث عن <html ثم بعده مباشرة أضف الكود الآتي :

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

ليصبح هكذا

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

ثم قم بالبحث عن الكود التالى

<body>
وفى التعديل الجديد على منصه بلوجر سيكون كما يلى

<body expr:class='"loading" + data:blog.mobileClass'>

ثم قم بوضع الكود التالي أسفل احد الكودين حسب ما عندك

<div id='fb-root'/><script> window.fbAsyncInit = function() { FB.init({ appId : 'ضع رقم التطبيق هنا', 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/ar_AR/all.js'; e.async = true; document.getElementById('fb-root').appendChild(e); }()); </script>
بدل : ضع رقم التطبيق هنا برقم التطبيق الذي أنشأناه

الخطوة الأخير وهي البحث عن الكود التالي

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

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

ملاحضة : يمكنك تغير مايلي حسب دوقك
ar_AR تجعل الاداة باللغة العربية ويمكن ارجاعها بالانجليزية بوضع en_US
light تعني لون الصندوق الطبيعي وهي الأبيض ويمكنك ارجاعه أسود وضع DARK مكانها
520 تعني عرض الاداة ويمكنك التعديل الى مايناسبك
ثم في الأخير احفض القالب

اذا قابلك اى متاعب لا تتردد فى السؤال عن ذلك فى التعليق اسفل التدوينه

نصائح مفيده عن تحسين الصور والفيديو! , نصائح مفيده عن تحسين اداء الكمبيوتر والانترنت لديك!, نصائح مفيده عن الفيسبوك وتويتر!, نصائح مفيده عن جوجل بلس والاندويد!, نصائح مفيده عن بلوجر وربح المال على الانترنت!