أضف صندوق تعليقات الفايسبوك إلى مدونتك أو موقعك خطوة بخطوة (للمبتدئين)

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



ولكن قبل تثبيته عليك معرق سوف نستعرض بعض المميزات الإجابية لهذا النظام وبعض السلبيات التي تترتب عنه:


- الإجابيات :

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


- السلبيات :


1- نظام فايسبوك يمكن أن يكون السبب في حرمان موقعك من SEO.
2-  هذا النظام يسمح لك بالتعليق بإستخدام حسابك في فيسبوك او ياهو ، فكثير من الزوار يفضل كتابة التعليق من خلال كتابة معلوماته مباشرة.

مـشـاهدة مـثـال

لنبدأ على بركة الله

- الخطوة الأولى : إلغاء تعليقات البلوغر (إختياري).

هذه الخطوة تبقى إختيارية بحيث يمكنك عمل تعليقات الفايسبوك + تعليقات بلوغر ولكن لنتائج جيدة يفضل إلغاء تعليقات البلوغر الأن سوف أشرح لكم طريقة إلغاء تعليقات بلوغر :

-إدخل إلى حساب مدونتك ، انتقل : إعدادات> التعليقات ثم اختر خيار اخفاء التلعيقات ثم انتقل لأسفل وانقر فوق حفظ الإعدادات ، كما في الصور:

- الخطوة الثانية : توليد كود الفايسبوك الخاص بموقعك.

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

هذا الكود الذي تم توليده هو الذي يهمنا في هذه الخطوة




- الخطوة الثالثة والأخيرة :وضع الكود في مدونتك.



الأن وبعد الخطوتين الأولى والثانية لم تتبقى إلا الخطوة الأخيرة وهي وضع الكود في قالبنا لكي نتمم ما بدأناه قم بالدخول إلى حساب مدونتك مرة أخرى ثم وانتقل إلى  تصميم > تحرير HTML> إختر خيار “توسيع قوالب عناصر واجهة المستخدم”: ثم ابحث عن الكود التالي:

<data:post.body/>  

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

<b:if cond='data:blog.pageType == &quot;item&quot;'><p align='left'><img alt='' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi50IggI4G1WpO-6y4BaRpWNkpLbxijuSJIGgMbQFlySu7Uooc8DDAhve6feXaQ4M6JsdVWrDzjb9sLhZBsROM9fPJF2X5imxbhIF8hlNIiz5yXuVDGvmmPc8DEtCffadK9Ji6oIZPBlFgu/s1600/cmds.png'/></p><div id='fb-root'/><script>window.fbAsyncInit = function() {FB.init({appId: &#39;الكود الخاص بك&#39;, status: true, cookie: true,xfbml: true});};(function() {var e = document.createElement(&#39;script&#39;); e.async = true;e.src = document.location.protocol +&#39;//connect.facebook.net/ar_AR/all.js&#39;;e.async = true;document.getElementById(&#39;fb-root&#39;).appendChild(e);}());</script><fb:comments/></b:if>

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