Facebook Comments
اليوم بإذن الله سوف نقوم سوياً بتركيب تعليقات الفيس بوك على المدونة بمنتهى السهولة , وذلك نظراً لأن جميع الشروحات الموجودة في جميع المدونات والمواقع شروحات قديمة على نظام الفيس بوك القديم , وايضاً على نظام بلوجر القديم , واحياناً ينفع الشرح وأحيان أخرى لا , لذلك تأكد انك طالما وصلت الى هذا الشرح فسوف تقوم بتركيب التعليقات في مدونتك وتصبح هكذا...
إذا كنت تريد تعليقات الفيس بوك تبقى وحدها بمدونتك فأتبع الشرح هذا
إذهب الى الإعدادات , ثم مشاركات وتعليقات , ثم موقع التعليقات إجعلها إخفاء..
الآن نبدأ شرحنا في تركيب تعليقات الفيس بوك
قُم بتسجيل الدخول الى الفيس بوك وبعد تسجيل الدخول توجه الى هذا الرابط من هنا لإنشاء تطبيق جديد على الفيس بوك
ثم تابع معي الصور
أكتب أسم التطبيق وليكن اسم المدونة باللغة العربية او الإنجليزية
ثم أكتب مجال التطبيق وليكن أسم مدونتك باللغة الإنجليزية فقط
ثم إضغط متابعة
أكتب كلمة التحقق لإتمام المهمة ثم إضغط متابعة
سوف يتم تحويلك الى صفحة مثل هذه إضغط على Edit Settings
لتجد أنك في صفحة أخرى مثل هذه
هذه الصفحة بعد التنسيق وما قُمت بعمله فيها كالتالي وعليك ان تقوم بعمله في صفحتك
قُمت بالاحتفاظ بهذا الرقم لأني سوف أحتاجه لاحقاً
ثم وضعت هنا دومين البلوجر blogspot.com
هنا جعلت SandBox Mode معطلة
وهنا قُمت بوضع رابط المدونة بالكامل
بعد عمل كل هذا إضغط حفظ التغييرات وتذكر أن تقوم بالإحتفاظ بالرقم وليكن في ملف تكست على سطح المكتب
أنتهينا الآن من جزء إنشاء التطبيق وسوف ندخل في الجزء الآخر من الشرح وهو إدراج الأكواد داخل قالب المدونة
ولا تقلق فما اسهل تلك العمليه
وتابع
إذهب الى قالب
ثم إضغط نسخ احتياطي / استعادة
ثم إضغط على تنزيل النموذج بالكامل
وبهذا قد نكون أخذنا نسخة من قالبنا حتى إذا حدث مع أي مشاكل تستطيع الإستعادة
الآن إضغط على تحرير HTML
للبحث في القالب
سوف تقوم بالضغط داخل القالب مرة واحدة فقط على اول سطر
ثم تضغط على لوحة المفاتيح Ctrl + F
ليظهر هذا المستطيل الصغير والذي نضع بداخله الكلمة المراد البحث عنها
قُم بالبحث عن
<HTML
ثم ضع بجانبها هذا الكود
xmlns:fb='http://www.facebook.com/2008/fbml'
لتصبح بهذا الشكل
<html xmlns:fb='http://www.facebook.com/2008/fbml'
ملاحظة : في بعض القوالب قد تجد روابط بجانب هذا الوسم الذي بحثنا عنه
لا داعي للقلق,, هل ترى السهم الأخضر الأخير ؟ ضع مسافة قبله ثم ضعط رابط الفيس بوك ليبقى الكود هكذا
الآن سوف نقوم بالبحث عن
</body>
ثم ضع هذا الكود قبله تماماً
<div id='fb-root'/><script>window.fbAsyncInit = function() {FB.init({xfbml: true, appId: كود الفيس بوك });};(function() {var e = document.createElement('script'); e.async = true;e.src = document.location.protocol +'//connect.facebook.net/ar_AR/all.js'document.getElementById('fb-root').appendChild(e);}());</script>
ثم اكتب كود الفيس بوك الذي حصلنا عليه عندما انشأنا التطبيق واتفقنا ان نقوم بحفظه
نأتي لخطوة مهمة جداً وهي البحث عن هذا الكود
<div class='comments' id='comments'>
ثم قُم بوضع هذا الكود تحته
<b:if cond='data:blog.pageType == "item"'><div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/><fb:comments width='600' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1'/></div>
</b:if>
مع العلم أنك قد تجد من هذا الكود أثنين أو ثلاثة
فقم بالتجربة تحت جميع الأكواد حتى يعمل مع أحدهم
الآن ابحث عن الوسم
<head>
ثم ضع تحته هذا الكود
<meta property="fb:app_id" content="{كود الفيس بوك}"/><meta property="fb:admins" content="{حساب الفيس بوك}"/>
ضع كود الفيس بوك الذي احتفظنا به
ثم ضع حسابك على الفيس بوك
لمعرفة حسابك على الفيس بوك انظر الصورة التالية
بعد الضغط على اسمك بالفيس بوك
تجد الحساب في آخر الرابط مثل ما هو مظلل بالاصفر
أدخل على هذا الرابط لإضافة اسمك كمشرف على التعليقات
تابع الصور
كما بالصورة , أضف اسمك على الفيس بوك وليس حسابك
ثم اضغط حفظ
هذا هو اسمك على الفيس بوك
وبهذا تم بحمد الله إضافة التعليقات وهناك خطوة إختيارية يمكنك تركها , وهي تخص من أحفى تعليقات البلوجر
هي عداد للتعليقات
ابحث عن الكود التالي
<div class='post-header'>
ثم ضع تحته هذا الكود
<b:if cond='data:blog.pageType == "index"'><span style='float:right; margin-right:3px; margin-left:3px;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqy1LqsO_eawShGlmuhoHy1bCTSGfvdQD-gBzA9LSeymxfq2bDpoxlB8KF4X_9MFFmD6y-JnfKHkU9J9QP78aK9rbjyqmACkCLbU-7K-9i-6DZb1KK2q3cqXfqU_0h1d2hY-HjsZOQYHSt/s16/facebook_icon.gif'/><a class='comment-link' expr:href='data:post.addCommentUrl'><fb:comments-count expr:href='data:post.url'/> تعليق </a></span></b:if>
وبهذا ينتهي شرحنا لهذا الموضوع الشيق
وأي ملاحظات او استفسارات انا موجود إن شاء الله
0 التعليقات :
إرسال تعليق