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

بسم الله الرحمن الرحيم المبدئ المعين و به نستعين


مدونة عبد الحفيظ في : الأربعاء 25 أوت/آب/أغسطس 2010 بتوقيت : 12:56:59


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

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

1 = متطلبات الشرح :


  1. محرر أكواد مثل ” Notepad++ ” و يمكنكم تحميله من موقعه من هنا
  2. ملفي ” Header.php ” و ” comments.php
  3. ملف ” xd_receiver.htm ” يمكنكم تحميله من هنا ، هذا الملف بحيث يجب تحميله و رفعه على مجلد مدونتكم ليعمل صندوق التعليقات بشكل سليم و هو عبارة عن ملف يعمل كمتلقي معلومات ليربط مدونتك بالفايس بووك بشكل سليم وهو جد جد ضروري لعمل الصندوق .



2 = الشرح :


بسم الله توكلنا على الله ، بعد تحميل ملف ” xd_receiver.htm ” و رفعه و بعد تحميل برنامج ” Notepad++ ” و تنصيبه و تجهيز ملفي ” Header.php ” و ” comments.php ” نبدا العمل


I = ارفعوا ملف ” xd_receiver.htm ” الى مجلد مدونتكم ليصبح مساره هكذا : ” http://www.youblog.com/xd_receiver.htm ” حيث ” youblog ” يمثل اسم مدونتك و مسارها .


II = اذهبوا الى هذا الرابط ستجدون في أعلى الصفحة زر إظافة تطبيق جديد او ” Set Up New Application ” انقروا عليه ، سيطلب منكم إدخال إسم التطبيق ، و ليكن yourblog-comments ” علموا على خانة الموافقة على شروط الإستخدام و انقرو على  زر إنشاء التطبيق  او ” Create Application ” ستظهر مثل هذه الصفحة

صفحة مفتاح Api

صفحة مفتاح Api


قوموا بنسخ ” Api Key ” و وضعه في مكان ليسهل تذكره فسنحتاجه لاحقا .


III = افتحوا ملف ” Header.php ” ، أعلاه ستجون مثل هذا الكود :


<html xmlns=”http://www.w3.org/1999/xhtml” …….


و النقاط تعني أن الكود مفتوح و ربما ستجدون وراءه أكواد أخرى قد تكون مثل هذا الكود


<html xmlns=”http://www.w3.org/1999/xhtml” dir=”rtl” <?php language_attributes(); ?>>


و هذا هو الكود الذي عندي أنا بملف الهايدر الخاص بقالب المدونة ، المهم أضيفوا هذا الكود


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


الى الكود أعلاه ليصبح الكل يظهر بهذا الشكل


<html xmlns=”http://www.w3.org/1999/xhtml” xmlns:fb=”http://www.facebook.com/2008/fbml” dir=”rtl” <?php language_attributes(); ?>>

IV = إنزلوا الى اسفل ملف الهايدر و ابحثوا عن كود :


</head>


فوقه تماما ضعوا هذا الكود


<script src=”http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php”
type=”text/javascript”></script>
<script type=”text/javascript”>
FB.init(“API Key”, “http://Yourblog.COM/xd_receiver.htm”);
</script>


و استبدلوا كل من : ” API Key ” بالمفتاح المنسوخ في الخطوة II و ” Yourblog.com ” برابط مدونتكم و احفظوا التغيرات .

الآن مدونتكم تدعم تطبيق التعليقات باستعمال حسابات الفايس بووك ، بقيت خطوة واحدة فقط .


V = افتحوا ملف ” comments.php ” و ابحثوا عن هذا الكود


<?php comment_id_fields(); ?>
</p>
<p>


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


<fb:comments>الآن يمكنكم إظافة تعليقاتكم بواسطة حسابكم في الفايس بووك</fb:comments>


و يمكنكم تعديل جملة “ الآن يمكنكم إظافة تعليقاتكم بواسطة حسابكم في الفايس بووك ” الى ما تريدون احفظوا التغيرات و اغلقوا الملف ، أعيدو رفع الملفين ” headre.php ” و ” comments.php ” الى مجلد مدونتكم مع إستبدال الموجود بالملفين الجديدين ، ادخوا على مدونتكم و شاهدوا اي موضوع ، ستلاحظون مثل هذا النموذج لعمل التعليقات


صندوق التعليقات

صندوق التعليقات

او بهذا الشكل بعد تسجيل الدخول في الفايس بووك


صندوق التعليقات

صندوق التعليقات

الف مبرووك عليكم ، يمكنكم الأن التمتع بخاصية جميلة في موقعكم .


ملاحظة :

1 = للمبتدئيين يمكنم تفادي التعديل اليدوي و تحميل هذه الإظافة من موقع الوورد بريس الرسمي و رفعها و تفعيلها و ضبط إعداداتها و هي تتكفل بالباقي ، لكن لا انصح بها بتاتا .

2 = لكل من لا يحسن عملية التعديل اليدوي يمكنني عمل كل ما سبق فقط راسلوني من هنا و ارفقوا ملفي ” header.php ” و ” comments.php ” و الباقي أنا اتكفل به .

3 = الشرح القادم سيكون حول ” إظافة زر أعجبني الشهير الخاص بالفايس بووك

 

 

ارجوا أن يكون الشرح وافيا و كافيا و ان يكون قد نال رضاكم .

الى شرح آخر بحول الله ، استودعكم الله الذي لا تضيع ودائعه

تحيات أخوكم في الله

عبد الحفيظ

“حفيظ مدون جزائري، درست تخصص علوم وتقنيات، متشائم، عاشق للتقنية، أحيانا متطرف وأحيانا متطير، المدونة شخصية، عامة ومتنوعة تعالج العديد من القضايا والأمور في جميع المجالات،جادة هزلية ساخرة وناقدة [المزيد]

— عبد الحفيظ