25 يونيو 2015

اضافة تعليقات فيسبوك 2015 في بلوجر

اضافة تعليقات فيسبوك 2015 متوافقة مع جميع الشاشات و لماذا عليك إضافة صندوق تعليقات فيسبوك الجديد

من خلال تركيب تعليقات الفيسبوك على بلوجر فأنت تسمح للآخرين أو زوار المدونة بالتعليق على المواضيع باستخدام حساب الفيسبوك الخاص بهم. و هنا تستفيد من مشاركت التعليقات مع الاصدقاء عن طريق تغذية الفيسوك. و بسبب التحديثات الكثيرة التي جرت مؤخرا في فيس بوك, فاصبح صندوق تعليقات فيسبوك القديم بدون اي فائدة على مدونات بلوجر لذلك يجب عليك تحديث الاكواد و تركيب النظام الجديد الذي سوف نطرحه في هذا الدرس على مدون محترف. لأن فيسبوك أعلنت إن دعم النسخ القديمة سوف ينتهي في 23 يونيو 2015. و من لا يملك تعليقات فيس بوك في مدونته على بلوجر فيمكنه إتباع الدرس التالي و تركيب صندوق التعليقات الجديد, و هو متجاوب مع جميع الشاشات لذلك ركز جيدا في الشرح.


الخطوة الأولى


ابحث عن الوسم </body> و اضف الكود التالي تحته, وإذا كان موجود الكود القديم امسحه و اضف هذا
 <div id="fb-root"></div>
<script>
//<![CDATA[
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>

الخطوة الثانية


يجب عليك إضاقة كود CSS من أجل إخفاء تعليقات بلوجر و إظهار تعليقات فيسبوك ابحث عن الوسم ]]></b:skin>
و اضف الكود التالي فوقه

 .fb-comments,.fb_iframe_widget span,.fb_iframe_widget iframe{width:100%!important}
.fb-comments{padding:0 15px!important;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
#comments{display:none!important}

 إعدادات الكود السابق


قم بتغيير رقم 15px و هو الخاص بالبعد بين التعليقات داخل المواضيع

الخطوة الثالثة


قم بنسخ الكود التالي اولا
<b:includable id='fb-comments' var='post'>
<div class="fb-comments" id="fb-comment" expr:data-href='data:post.url' data-numposts="5"></div>
</b:includable>


بعد نسخ الكود السابق ابحث عن الكود التالي
<b:includable id='comments' var='post'>
...........
...........
...........
</b:includable>


ثم قم بلصق الكود الذي قمنا بنسخه في اول الخطوة الثالثة تحته ليصبح الكود على هذا الشكل
            <b:includable id='comments' var='post'>
...........
...........
...........
</b:includable>
            <b:includable id='fb-comments' var='post'>
            <div class="fb-comments" id="fb-comment" expr:data-href='data:post.url' data-numposts="5"></div>
            </b:includable>

الخطوة الرابعة


قم بنسخ الكود التالي <b:include data='post' name='fb-comments'/> ثم ابحث عن الكواد التالي و قم بلصقه كما في الكود التالي
              <b:includable id='main' var='top'>
............
............
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:include data='post' name='fb-comments'/>
          <b:include data='post' name='comments'/>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='fb-comments'/>
          <b:include data='post' name='comments'/>
        </b:if>
............
............
</b:includable>


او على النحو التالي في قوالب بلوجر الافتراضية
         <b:includable id='main' var='top'>
............
............
        <div class='post-outer'>
          <b:include data='post' name='post'/>
          <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='fb-comments'/>
          <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
        </div>
............
............
</b:includable>

لعرض عدد التعليقات استخدم الكود التالي

 <a expr:href='data:post.url + &quot;#fb-comment&quot;'><span class="fb-comments-count" expr:data-href='data:post.url'></span> comments</a>

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



مواضيع ذات صلة
اضافة تعليقات فيسبوك 2015 في بلوجر
4 / 5
بواسطة

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

  1. السلام عليكم أخي منير لدي مشاكل في تعريب قوالب أرلينا
    لاأستطيع تغير الpadding و الmargin
    ارجو منك شرح لكيفية تغيرهما
    وشكرا على الموضوع ياغالي r=

    ردحذف
    الردود
    1. و عليكم السلام و رحمة الله و بركاته

      اهلا اخي الكريم
      بالنسبة للـ padding و الـ margin

      فيجب استبدال الرقم الثانبي بالرابع و العكس مثال بسيط :
      لنفترض كان الـ padding :12px 25px 5px 9px فيجب ان نستبدل بين الـ 25px ,9px ليصبح الكود هكذا padding:12px 9px 5px 25px
      و الـ margin نفس الشيء

      حذف
    2. padding:12px 9px 5px 25px

      بعد

      padding:12px 25px 5px 9px

      =====================

      الـ margin

      margin:12px 9px 5px 25px

      بعد

      margin:12px 25px 5px 9px

      حذف
    3. لا شكر على واجب
      وتمت الإجابة على kbd

      حذف
  2. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
    الردود
    1. شكرا لتعليقك ولكن لا ننشر روابط إشهار يا غالي
      نعتذر لمسح التعليق

      حذف
  3. ممكن اخى طريقة اضافة تعليقات بلوجر والفيس معا

    ردحذف
    الردود
    1. إن شاء الله في اقرب وقت اقوم بشرح إضافة تعليقات بلوجر بجانب تعليقات فيسبوك بطريقة احترافي =r

      حذف
  4. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
    الردود
    1. اهلا اخي
      نعتذر لمسح التعليق
      ولكن مربح البحث هذا من اجل وضعه في المدونة
      يجب عليك وضع القائمة كاملتاً في مدونتك

      حذف
    2. أزال أحد مشرفي المدونة هذا التعليق.

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

      حذف
    4. اخي منشوراتي راحت لما اعملت الخطوات هاذي

      حذف
    5. بسبب إضافة الاكواد بشكل خاطيء صديقي
      ويوجد طريقة اخرى في المدونة ابحث عنها فهي اسهل من هذه

      حذف
  5. بارك الله لك اخي و شكرا لك على كل تدوينة مدونتك رائعة ما شاء الله r= و السلام عليكم انا اشجعك للمزيد

    ردحذف
  6. و بارك الله فيك يا غالي
    و التعليقات التي مثل هذه هي التي تدفعنا لتقديم المزيد
    احترامي و تقديري لشخصك الكريم =e

    ردحذف
  7. انا عاوز تعليقات الفيس بوك تبقة فوق تعليقات بلوجر اعملها ازاي الله يباركلك

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

      حذف
  8. رائع اخى كلما ارغب فى تركيب الاضافه فى موقعى تكون بطريقه واحده ولكن انت اخى قمت بالعديد من الطرق مدونتك رائعه وانت بتدوينك تبين روووعتها وبزوارها تجمل مظهرها
    بالتوفيييف اخى

    ردحذف
    الردود
    1. شكراً لك اخي الكريم
      على هذا الكلام الجميل
      احترامي و تقديري لشخصك الكريم =e

      حذف
  9. غير معرف19 سبتمبر, 2015

    ممتاز جدا
    بس كنت عايزها بالعربى لو تكرمت
    يعنى التعليقات تبقى من اليمين للشمال
    و بدل post تبقى نشر ، زى اللى بتبقى موجودة فى المدونات العربية
    يا ربت تقولى اغير ايه ف الاكواد اكون شاكر ليك :)

    ردحذف
    الردود
    1. في الكود الي تحت الـ body
      غير en_US إلى ar_AR

      حذف
    2. غير معرف21 سبتمبر, 2015

      جزاك الله خير شكرا q=

      حذف
    3. شكراً لك يا غالي
      و انت ايضاً

      =r

      حذف
    4. لا خطأ غير ال direction اذا كانت موجودة في ال css الخاص بالتعليقات من ltr الى rtl ...واذا كانت غير موجودة اضفها direction:rtl;

      حذف
    5. بالعكس صديقي
      عند تغيير en_US إلى ar_AR
      سوف يصبح الصندوق كله باللغة العربية بدلاً من اللغة الانجليزية
      و لن تحتاج إلى rtl او ltr

      حذف
  10. قمت بجميع الخطوات و لكن صندوق التعليقات لم يظهر

    ردحذف
    الردود
    1. تأكد من إضافتك كل شيء بشكل صحيح =q

      حذف
  11. اخى نفذت كافه الاكواد ولكن لايظهر التعليقات

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

      http://mudwnp.blogspot.com/2015/10/post.a.comment.facebook.responsive.in.blogger.html

      حذف
    2. اتا ما اقصد ردود القيس بوك اقصد ردود Google plus

      حذف
    3. والله لم افهم قصدك اتمنى التوضيح اكثر

      حذف
  12. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  13. شكرا أخي الاضافة شغالة ....

    ردحذف
    الردود
    1. لا شكر على واجب صديقي
      وشكراً لمرورك =r

      حذف
  14. قالب RED-X يحتوي على الاضافة لكن لا تعمل
    كيف احذفها و استبدلها بهذه

    ردحذف
    الردود
    1. الإضافة تعمل صديقي
      فقط قم بالبحث عن fb:admins ، fb:app_id'
      واضف الاي دي الخاص بك وسوف يعمل

      حذف
  15. غير معرف14 فبراير, 2016

    جيد

    ردحذف
  16. مش عارف ، ممكن تدخل على موقعى وتضيفهالى

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

      حذف
  17. هل تلك المطات او خطوط المتقطعة عبارة عن كتابة

    ردحذف
    الردود
    1. هذه الخطوط عبارة عن أماكن الأكواد الموجودة في القالب
      بمعنى بدلًا من أنّ اكتب الكود بشكل كامل وضعد بدلًا منه خطوط
      هل فهمت قصدي

      حذف
    2. تابع هذا الموضوع أفضل لك

      http://mudwnp.blogspot.com/2015/10/post.a.comment.facebook.responsive.in.blogger.html

      حذف

يسعدنا تفاعلكم بالتعليق , لكن يرجى مراعاة الآداب العامة وعدم نشر روابط إشهار حتى ينشر التعليق , ويمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود. اولا تضع الـ = بعدها الحرف الخاص بالإبتسامة
=q =w =s =d =f =g =h =t =y =u =z =x =c =v =b =n =m =a =e =r