2:15 ص

تركيب تعليقات الفيس بوك بمنتهى السهولة على مدونات بلوجر ,, شرح حديث

Facebook Comments

Mini Soft

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

اليوم بإذن الله سوف نقوم سوياً بتركيب تعليقات الفيس بوك على المدونة بمنتهى السهولة , وذلك نظراً لأن جميع الشروحات الموجودة في جميع المدونات والمواقع شروحات قديمة على نظام الفيس بوك القديم , وايضاً على نظام بلوجر القديم , واحياناً ينفع الشرح وأحيان أخرى لا , لذلك تأكد انك طالما وصلت الى هذا الشرح فسوف تقوم بتركيب التعليقات في مدونتك وتصبح هكذا...
Mini Soft

إذا كنت تريد تعليقات الفيس بوك تبقى وحدها بمدونتك فأتبع الشرح هذا 
إذهب الى الإعدادات , ثم مشاركات وتعليقات , ثم موقع التعليقات إجعلها إخفاء..
Mini Soft

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

Mini Soft
 أكتب أسم التطبيق وليكن اسم المدونة باللغة العربية او الإنجليزية
ثم أكتب مجال التطبيق وليكن أسم مدونتك باللغة الإنجليزية فقط
ثم إضغط متابعة
Mini Soft
 أكتب كلمة التحقق لإتمام المهمة ثم إضغط متابعة
Mini Soft
سوف يتم تحويلك الى صفحة مثل هذه إضغط على Edit Settings
Mini Soft
 لتجد أنك في صفحة أخرى مثل هذه 
هذه الصفحة بعد التنسيق وما قُمت بعمله فيها كالتالي وعليك ان تقوم بعمله في صفحتك
 قُمت بالاحتفاظ بهذا الرقم لأني سوف أحتاجه لاحقاً
ثم وضعت هنا دومين البلوجر blogspot.com
هنا جعلت SandBox Mode معطلة
Mini Soft
وهنا قُمت بوضع رابط المدونة بالكامل
بعد عمل كل هذا إضغط حفظ التغييرات وتذكر أن تقوم بالإحتفاظ بالرقم وليكن في ملف تكست على سطح المكتب

أنتهينا الآن من جزء إنشاء التطبيق وسوف ندخل في الجزء الآخر من الشرح وهو إدراج الأكواد داخل قالب المدونة 
ولا تقلق فما اسهل تلك العمليه
وتابع

إذهب الى قالب
 ثم إضغط نسخ احتياطي / استعادة
ثم إضغط على تنزيل النموذج بالكامل
وبهذا قد نكون أخذنا نسخة من قالبنا حتى إذا حدث مع أي مشاكل تستطيع الإستعادة
الآن إضغط على تحرير HTML
للبحث في القالب 
سوف تقوم بالضغط داخل القالب مرة واحدة فقط على اول سطر
ثم تضغط على لوحة المفاتيح Ctrl + F
ليظهر هذا المستطيل الصغير والذي نضع بداخله الكلمة المراد البحث عنها
قُم بالبحث عن 
<HTML

ثم ضع بجانبها هذا الكود
xmlns:fb='http://www.facebook.com/2008/fbml'

لتصبح بهذا الشكل
<html xmlns:fb='http://www.facebook.com/2008/fbml'

ملاحظة : في بعض القوالب قد تجد روابط بجانب هذا الوسم الذي بحثنا عنه 
لا داعي للقلق,, هل ترى السهم الأخضر الأخير ؟ ضع مسافة قبله ثم ضعط رابط الفيس بوك ليبقى الكود هكذا
Mini Soft
الآن سوف نقوم بالبحث عن
</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 == &quot;item&quot;'><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="{حساب الفيس بوك}"/>

ضع كود الفيس بوك الذي احتفظنا به
ثم ضع حسابك على  الفيس بوك
لمعرفة حسابك على الفيس بوك انظر الصورة التالية
 بعد الضغط على اسمك بالفيس بوك
Mini Soft
تجد الحساب في آخر الرابط مثل ما هو مظلل بالاصفر
 أدخل على هذا الرابط لإضافة اسمك كمشرف على التعليقات
تابع الصور
Mini Soft
 بعد الدخول على الرابط تجد كلمة الإعدادات هذه إضغط عليها
Mini Soft
كما بالصورة , أضف اسمك على الفيس بوك وليس حسابك
ثم اضغط حفظ
Mini Soft
هذا هو اسمك على الفيس بوك
وبهذا تم بحمد الله إضافة التعليقات وهناك خطوة إختيارية يمكنك تركها , وهي تخص من أحفى تعليقات البلوجر
هي عداد للتعليقات 
ابحث عن الكود التالي
<div class='post-header'>
ثم ضع تحته هذا الكود

  <b:if cond='data:blog.pageType == &quot;index&quot;'><span style='float:right; margin-right:3px; margin-left:3px;'><img src='https://lh3.googleusercontent.com/-R51mIFUW7dE/UZiGq15vaJI/AAAAAAAABfg/lWkNMcBsi48/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 التعليقات :

إرسال تعليق