إشترك في القائمة البريدية.

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



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



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


- الإجابيات :

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='http://1.bp.blogspot.com/_ubwIhqPcR6M/S_bFnzvtkDI/AAAAAAAAA5A/ta5IbGqJZYU/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>


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

إشترك في مدونتنا وتوصل بأخر المواضيع.

إشترك في القائمة البريدية

16 تعليق

19 مارس، 2012 2:59 م

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

19 مارس، 2012 4:06 م

يا أخي أهلا وسهلا بك في أي وقت ونشكرك ولشرف لنا أن نكون قد ساعدناك فهاذا هو هدفنا

19 أبريل، 2012 11:22 م

اخي لما اضغط علآ" رابط التالي" !! لا يعمل !! 404


ممكن إصلاح الخطا

20 أبريل، 2012 4:11 ص

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

22 أبريل، 2012 12:05 م

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

22 أبريل، 2012 1:16 م

السلام عليكم
شكرا يا أخي على الملاحظة وجاري التأكد

22 أبريل، 2012 1:46 م

يا أخي أود ان أقول لك ان إعتقادك صار خاطئ وأنه لا توجد أي مشكلة حسب ما قمت بتجربته قبل دقائق وأرجو في المرة القادمة التأكد بإمكانك التجربة :
http://sfifama.blogspot.com/

26 أبريل، 2012 2:23 م

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

26 أبريل، 2012 2:47 م

السلام عليكم يا أخي المشكل عادة ما يحدث عند ما يكون هناك مشكلة في الكود أضفني يا أخي على الفايسبوك
http://www.facebook.com/hamza.ayrir

26 يوليو، 2012 4:02 م

شكرا علي هذا الكود الرائع وشكرا علي هذا الشرح السهل للغاية وتمنايتي لك بالنجاح

http://alyomtop.blogspot.com/

7 سبتمبر، 2012 4:51 م

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

8 سبتمبر، 2012 9:36 م

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

20 سبتمبر، 2012 6:57 ص

اخي العزيز مشكور جداً على هذا الشرح

افضل شرح موجود

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

وشكراً ,

26 سبتمبر، 2012 6:55 ص

مشكور أخي

11 أكتوبر، 2012 10:32 ص

موضوع جميل

غير معرف
26 مايو، 2013 11:49 ص

جميل

إرسال تعليق

يتم التشغيل بواسطة Blogger.
 

أضف موقعك أو مدونتك إلى جوجل شرح بالصور

أرسل موقعك أو مدونتك إلى محرك البحث الشهير شرح كامل وبالصور ...

إقرأ الموضوع

أضف مدونتك إلى 40 دليل لكسب المزيد من الترافيك

نقدم لكم في هذا الموضوع مجموعة من المواقع ذات الترافيك العالي لإضافة مدونتك فيها وتحسين تقييمك...

إقرأ المزيد

شرح كامل لإضافة تعليقات الفايسبوك إلى البلوجر

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

إقرأ المزيد

شرح إضافة ترقيم الصفحات لمدونات بلوجر

نتطرق في هذا الموضوع إلى شرح لطريقة إضافة ترقيم الصفحات لدى مدونات البلوجر ...

إقرأ المزيد

تحميل سكربت ووردبريس 3.3.1

حمل أحدث وأخر نسخة من السكربت الرائع ووردبريس مجانا...

إقرأ المزيد

شرح عمل مدونة بلوجر بالفيديو

شرح كامل وبالفيديو لطريقة عمل مدونة بلوجر رفقة الواجهة الجديدة للبلوجر...

Read More

إضافات