بسم الله الرحمن الرحيم المبدئ المعين و به نستعين
مدونة عبد الحفيظ في : الأربعاء 25 أوت/آب/أغسطس 2010 بتوقيت : 12:56:59
السلام عليكم و رحمة الله تعالى و بركاته
كما وعدت في موضوع الإعلان عن دورة الشروحات ، اليوم سنبدأ مع أكثر هذه المميزات روعة و طلبا ألا و هي : صندوق التعليقات باستعمال حسابات الفايس بووك ، حيث وصلتني اكثر من رسالة تطلب عمل شرح لهذه الميزة الجميلة الرائعة ، تابعونا في هذا الموضوع خطوة خطوة و بحول الله في نهاية الشرح ستمتلكون هذه الخاصية الرائعة في مدونتكم .
1 = متطلبات الشرح :
- محرر أكواد مثل ” Notepad++ ” و يمكنكم تحميله من موقعه من هنا
- ملفي ” Header.php ” و ” comments.php “
- ملف ” 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 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 = الشرح القادم سيكون حول ” إظافة زر أعجبني الشهير الخاص بالفايس بووك “
ارجوا أن يكون الشرح وافيا و كافيا و ان يكون قد نال رضاكم .
الى شرح آخر بحول الله ، استودعكم الله الذي لا تضيع ودائعه
تحيات أخوكم في الله
عبد الحفيظ
أهلا بكم و مرحبا في مدونتي، إسمي عبد الحفيظ شراير و هذه مساحتي الشخصية، اكتب فيها من حين لآخر ما يجول في الخاطر، قد تجد ما يسرك و قد لا تجد، متشائم بطبعي، عاشق و مهتم بالتقنية، مبرمج هاوي، طالب جامعي، مدون منذ سنة 2010 ، المزيد عني في هذه 
facebook 
twitter 
Google+ 
flickr 
deviantart 
rss 
Youtube 
أحدث التعليقات