16‏/11‏/2013

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

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

فهي تلعب دور الناشر للموضوع بالتعليق عليه ..= زوار جدد ..
وكذا تُتيح لزوارك (الذي لا يملكون حسابات جوجل و بلوجر و...)..
التجاوب مع مواضيع مدونتك بسلاسة (الفيسبوك دائما مفتوح ¨.¨)..
دون إغفال جمالية صندوق التعليقات ..

كل هذا يحفز اي مدون لـ  إضافة صندوق التعليقات لموقعه ..
والكثير منهم من يستحيل أو يحال عليه إضافة تعليقات الفيس بوك للبلوجر..
لأن أغلب الشروحات ..تكون في بعض الأحيان تحتاج هي أيضا للشرح ..^^
وذلك يجعل المدون لا يريد الإضافة (لتعقيدها في نظره..)..
وشخصيا قديما عانيت من إضافة تعليقات الفيسبوك مع تعليقات المدونة ..
حيث كانت تختفي عندما كان يضاف رد في تعليقات بلوجر..؟(غريب^^)؟
لكن في الحقيقة الأمور بسيطة وسأحاول أن ابسطها أكثر ..
فقط تحتاج للقليل من التركيز ..


نبدأ على بركة الله ..

> تسجيل الدخول لحسابك في الفيس بوك (ستكون المسؤول به على التعاليق..) :

> ثم أدخل على الرابط التالي : https://developers.facebook.com/apps

(إذا كنت قد فعلت حسابك برقم الهاتف من قبل ..لن تمر بهذه المراحل..)
ويمكن إستعمالها أيضا لـ تفعيل حساب الفايسبوك برقم الهاتف ..
لكي لا تقوم إدارة الفايس بوك بغلق حسابك (مؤخرا كثٌر دلك..)
> ستفتح لك هذه النافذة ..إضغط على register as a developer ..
ثم تابع الشرح بالصور ..




سيصلك كود التفعيل لهاتفك في غضون تواني .. أدخله في المكان المُناسب ثم أكمل الشرح ..



> بعد الإنتهاء من تفعيل حسابك برقم الهاتف ..
ستتغير register as a developer بــ Créer une application..
إضغط عليها لإنشاء تطبيق تعليقات الفيس بوك..

وتابع الشرح بالصور ..


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


إنتهينا من إنشاء تطبيق التعليقات الخاص بالفيس بوك ..
الآن ننتقل لـ العمل على قالب  المدونة ..

كالمُعتاد من المسار التالي :
> من لوحة التحكم الرئيسية ..
> أدخل إلى "قالب"
> قُم بتنزيل القالب قبل القيام بأي خطوة في التعديل في الـ html  <
> من "نسخ احتياطي/استعادة" تحسبا لـ أي خطأ..<
> "تحرير html "
>> إبحث عن الكود التالي (لـ البحث إضغط على  Cltrl+F من الكيبود بعد وضع الماوس داخل النمودج) : 
<html

> قم بـ إضافة الكود التالي بعده مباشرة :
xmlns:fb='http://www.facebook.com/2008/fbml'

كما مُوضح في الصورة .. ;)


>> ثم إبحث عن الكود التالي :
<body>

> قم بـ إضافة الكود الآتي تحنه مباشرة :
<div id='fb-root'/>
<script>
    window.fbAsyncInit = function() {
    FB.init({
      appId  : &#39;24845990863925&#39;,
      status : true, // check login status
        cookie : true, // enable cookies to allow the server to access the   session
      xfbml  : true  // parse XFBML
    });
  };
    (function() {
    var e = document.createElement(&#39;script&#39;);
      e.src = document.location.protocol +   &#39;//connect.facebook.net/en_US/all.js&#39;;
    e.async = true;
      document.getElementById(&#39;fb-root&#39;).appendChild(e);
    }());<a href='http://bloggeradsenseo.blogspot.com/2013/11/how-to-add-facebook-comments-box.html' style='display:none;'></a></script>

ملاحظة :غير الرقم بالأحمر بكود الـ ID الخاص بتطبيقك المنشأ سابقا ..

>> إبحث عن الكود التالي :
</head>

> قم بـ إضافة الكود الآتي فوقه مباشرة ..بعد إجراء التغيرات عليه..:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
</b:if>
<meta content='بلوجر أدسنس السيو' property='og:site_name'/>
<meta content='24845990863925' property='fb:app_id'/>
<meta content='https://www.facebook.com/BlogAdsSeo' property='fb:admins'/>
<meta content='article' property='og:type'/>

غيـر :
بلوجر أدسنس السيو : بـ إسم مدونتك او موقعك ..
24845990863925 : رقم الـ ID الخاص بتطبيقيك ..
BlogAdsSeO : إسم المُؤدي إلى رابط بروفايلك الشخصي (ليس رابط الصفحة ..)..
كما يمكن وضع رقم الـ ID الخاص بحساب الفايس بوك بدلا من الرابط بأكمله ..
يمكنك معرفة رقم الـ ID و الرابط من هنا : https://developers.facebook.com/tools/explorer

>> تم إبحث عن الكود التالي 
<data:post.body/>

أفضل البحث عن هذا الكود :
</b:includable>
<b:includable id='postQuickEdit' var='post'>

</b:includable> إبحث على  السطر الثاني ..وضع الكود فوق  )

> ضع الكود التالي فوق </b:includable>..
أو تحت <data:post.body/> (يعبر عن نص الموضوع..)..

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<img alt='navright' src='http://1.bp.blogspot.com/-gf3zD4EtivM/UnHVFHuDemI/AAAAAAAAAf4/Q0Ri1rFvML8/s1600/%D8%A3%D8%AA%D8%B1%D9%83-%D8%A8%D8%B5%D9%85%D8%AA%D9%83-%D9%88%D8%B4%D8%A7%D8%B1%D9%83%D9%86%D8%A7-%D8%A8%D8%B1%D8%A3%D9%8A%D9%83-BloggerAdsenseo.Com.png'/> 
</b:if>
  <b:if cond='data:blog.pageType == &quot;item&quot;'>  <script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<a href='http://bloggeradsenseo.blogspot.com/2013/11/how-to-add-facebook-comments-box.html' style='display:none;'>
<a href='http://bloggeradsenseo.blogspot.com'></a>
  <div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/> <fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1' width='606'/>  </div> </a></b:if>


يمكنك تغيير طول width='606& مكان صندوق التعليقات الفايسبوك ..
المهم الكود محصور بين </b:includable> و <data:post.body/> ..
أيضا يمكنك تغيير رابط الصورة بأخرى من تصميمك ..

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

اتمنى ان يكون الشرح واضح ..
وإن شاء الله الكل تنجح معه الإضافة في اول تجربة ..

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

لا تَنسوني من صالح دعائكم ..☺

Sharing Widget byBloggerAdsenSeO

navright

هناك 17 تعليقًا:

  1. مشكور علي الموضوع

    ردحذف
    الردود
    1. العفو أخي ..
      وأهلا وسهلا بك في أي وقت ..

      حذف
  2. أخي الكريم قمت بتركيب صندوق تعليقات Disqus ثم قررت العودة إلى صندوق بلوجر ..

    المشكلة التي أعاني منها بشدة أن التعليقات لم تعد تظهر عندي بتاتا ..

    هل أستطيع حل تلك المشكلة ..

    و شكرا لك

    ردحذف
    الردود
    1. حاول الإبقاء على نوع واحد من صناديق التعليقات ..
      جرب إزالة جميع أكواد Disqus ..
      ( أو جرب الرجوع إلى القالب القديم ..مع اخد نسخة حالية قبل التجربة .. )
      موفق ..

      حذف
    2. شكرا لك

      تم حل المشكلة

      حذف
  3. لو سمحت كل لما اضيف عنوان المدونة واعمل حفظ الاعدادات بيرفض

    ردحذف
    الردود
    1. لا مُشكلة في ذلك أخي ..فقط تابع الشرح ..
      ما يهمنا هو رقم الـ ID الخاص بالتطبيق ...
      موفق ..

      حذف
  4. تمت العملية بنجاح شكرا لك صديقي

    ردحذف
  5. شــــــــــــــــــــــكـــــــــــــــــــــــــرا يأ خي

    ردحذف
  6. الشكر الجزيل لك
    شرفني بالزيارة
    http://www.fmed.bu.edu.eg
    http://www.fmed.bu.edu.eg/fmed/index.php/studentsunion

    ردحذف
  7. شكرا جزيلا

    ردحذف
  8. شكرا تمت الاضافة بنجاح

    ردحذف
  9. مشكورررررررر أخي الكريم

    مدونة آفاق
    http://afaq0.blogspot.com/

    ردحذف
  10. السلام عليكم أخي الكريم يسرني زيارة مدونتك المفيدة
    عندي سؤال من فضلك
    عندما أركب صندوق التعليقات ويعلق أحد الزوار في أحد الصفحات يظهر التعليق في كل الصفحات وانا لا اريد هذا
    ما الحل من فظلك
    يمكنك التحقق من ذلك من هنا http://www.cours4.com

    ردحذف
  11. بارك الله فيك اخي الكريم
    بارك الله فيك ،،، والله ما شاء الله عليك،،، أفدتنا شكرا لك
    دروس الفلسفة فلسفة باك

    ردحذف
  12. غير معرف3/26/2015

    انا لا اجد المعلق المجهول في دونتي وعندما اذهب لاعدادت لا اجد اعدادات من يمكنهم التعليق

    ردحذف

الموضوع السابق الموضوع التالي الصفحة الرئيسية
 

أدخل إيميلك لـ التوصل بجديد مواضيع الموقع :