تركيب تعليقات فيسبوك جنبا إلى تعليقات بلوجر

تركيب تعليقات فيسبوك جنبا إلى تعليقات بلوجر

يوجد الآن مشاهدة التعليقات : 48

الموضوع

اقرأ ايضًا

التعليقات

عن الكاتب

تعليمات

تركيب تعليقات فيسبوك مع بلوجر مدموجة لا يعني هذا أن تعليقات بلوجر سيتغير شكلها لا سيبقى كما لديك وظيفة هذه الأخيرة هي إضافة تعليقات فيسبوك فقط زيادة على زرين لتحويل بين هذا وذاك كما بمدونتنا في التعليقات، وهناك من يهتم بالتعليق مباشرة من الفيسبوك بدون اللجوء لبلوجر والعكس وبهذه الإضافة ستسمح لزائر باختيار ما يشاء لذلك نحن بحاجة للقيام ببعض الخطوات قبل أن تظهر التعليقات فلنتابع هذا الشرح البسيط
شرح طريقة التركيب
1. ابحث عن ]]></b:skin> وضع الكود التالي فوقه أو ضعه بين <style> </style> فوق </head>
.comments-page,.comments-tab{display:inline-block;background:#fafafa;color:#fff;float:right;margin:0 10px 0 0;cursor:pointer;font-weight:bold;position:relative;font-size:110%;z-index:10;font-family: Droid Arabic Naskh;}
.comments-page{background:rgba(255,255,255,1);width:100%;max-width:100%;margin:0 0 20px}
#blogger-comments-page h4{display:none}
#blogger-comments-page p{color:#444;}
#blogger-comments-page {padding:0px 5px;display:none;}
.comments-tab{background:#3b5998;padding:12px;transition:all .3s;}
.comments-tab:nth-child(2) {background:#FFB440;transition:all .3s;}
.comments-tab:hover:nth-child(2) {background:#FFBA4E;}
.comments-tab-icon {height:14px;width:auto;margin:0 3px}
.comments-tab:hover{background-color:#324c82;}
.inactive-select-tab {background:#aaa}
.inactive-select-tab,.comments-tab:hover {background-color:#324c82;}
2. ضع الكود التالي فوق </body>
<script type="text/javascript">
//<![CDATA[
$(window).bind("load resize",function(){var o=location.protocol+"//"+location.host+location.pathname,t=$("#container-commentfb").width();$("#container-commentfb").html('<div class="fb-comments" data-href="'+o+'" width="'+t+'" data-num-posts="10"></div>'),FB.XFBML.parse()});
//]]>
</script>
3. يتبقى عليك البحث عن هذا <div class='comments' id='comments'> ووضع الكود الآتي أسفله
* ملاحظة : الكود يتوفر منه إثنان لذا جرب وضع الكود أسفل الأول وعاين النتيجة إذ لم تجد خطأ فتهانينا إذا وجدت خطأ فأضف نفس الكود أسفل <div class='comments' id='comments'> أي الثاني
<div class='comments-tab' id='fb-comments' onclick='javascript: commentToggle(&quot;#fb-comments&quot;);' title='علّق بفيسبوك'>
<fb:comments-count expr:href='data:post.url'/> تعليقات فيسبوك</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='علّق ببلوجر'>
<data:post.numComments/> تعليقات بلوجر</div>
<div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='10' width='650'/></div>
</b:if></div>
<div class='comments comments-page' id='blogger-comments-page'>
<script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<script type='text/javascript'>
function commentToggle(selectTab) {$(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;);$(selectTab).removeClass(&quot;inactive-select-tab&quot;);$(&quot;.comments-page&quot;).hide();$(selectTab + &quot;-page&quot;).show();}
</script>
وبهذا نكون قد انتهينا من الشرح نتمنى أن يفيدكم، لقائنا يتجدد في درس مماثل لإضافة تعليقات بلوجر مع ديسكس فانتظرونا.
ملحوظة:

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لإضافة كود حوله أولاً بمحول الأكواد
4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة
5😊😉😀😁😎😍😜😑😇💖😯😱😭👍❓🍻

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

  1. غير معرف10/31/2015

    سلام عليك ياأخي لقد ركب تعليقات الفيسبوك والبلوجر لكن تعليقات البلوجر لاتعمل ارجو المساعدة وهذه المدونة اروع المدونات في تقديم الاضافات وحلول البلوجر شكرا على مجهودتك

    ردحذف
    الردود
    1. عليكم السلام، هل جربت الطريقة التي تُكرر فيها الكود الأخير؟

      حذف
  2. أخي ممكن كود لظهور كلمة الكاتب بجوار تعليقات بلوجر !

    ردحذف
    الردود
    1. يمكنك الإنتظار حتى ينزل الشرح وإذا كنت مستعجل فتوجد دروس كثيرة بجوجل إبحث عن تمييز تعليقات الكاتب في مدونة بلوجر

      حذف
    2. شكراً لك ^_^

      حذف
  3. غير معرف10/31/2015

    أضفت الكود وعند الحفظ حدث خطا اثناء التحليل ماذا افعل وهل احذف الكود الاول وشكرا

    ردحذف
    الردود
    1. لا، لا تحذفه طبق نفس العملية بالبحث عن <div class='comments' id='comments'> وضع الكود في كلاهما أسفله، أظنك حذفت شيء بالكود أو شيء ناقص ولم تلاحظ إذ لازالت المشكلة قائمة أرسل القالب إلى info@ar1web.com وسيتم الحل بإذن الله

      حذف
  4. غير معرف10/31/2015

    لقد ارسلت القالب اروجوا تصحيح الاخطاء

    ردحذف
    الردود
    1. لقد جربت القالب وهو يظهر تعليقات بلوجر الخطأ من الإعدادات أي أنك مخفي التعليقات توجه لإعدادات من ثم مشاركات وتعليقات وفي موقع التعليقات إختر "مضمن" وقم بحفظ الإعدادات

      حذف
  5. أخي حسام ممكن طريقة إضافة أزرار المشاركة الإجتماعية الموجودة بالسيدبار تحت عنوان بضغطة زر تشارك الفائدة وتدعم المدونة

    ردحذف
    الردود
    1. وهل يمكنك أن تعطيه لي ..... أرجوك ....

      حذف
    2. ستكون إضافة مثلها في التدوينة المقبلة لكن ليست بالسيدبار

      حذف
  6. فقط لأننني ركبت هذا القالب وأريد أن أضع تلك الإضافة في ذلك المكان

    ردحذف
  7. شكرا لك اخى على الاضافة مبدع دائما

    ردحذف
  8. السلام عليكم
    اخي اعتذر لان ذكرت هذا الموضوع بغير محله لاكن لان الموضوع قديم ما راح ترد على سؤالي اذا طرحته هناك
    هذه الاضافه كيف تضهر ؟؟؟؟؟ هذا الصوره للاضافه.......
    http://www.9ory.com/uploads/1446438505281.png

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

      حذف
  9. كيف احدف رسالة هدا النص الغبي ................ التي تظهر عند مشاركة المواضيع على الفيس بوك

    ردحذف
  10. اخي حسام كيف اقوم بعكس الاضافة على هذا الشكل
    https://1.bp.blogspot.com/-QMsVTLOgbfY/Vj3uo8HyyVI/AAAAAAAAD1g/T8Jh1AaT71E/s1600/Capture.PNG

    ردحذف
    الردود
    1. في الكود الاخير أنقل الكود المحدد بالصورة إلى الأعلى :
      http://4.bp.blogspot.com/-FoUIGQEsFGY/Vj8opn8WqMI/AAAAAAAAJNY/oxIds7xm6Jc/s1600/comm.png

      حذف
  11. خويا الله احفضك شي مساعدة
    المشكلة : http://up.dev-point.com/uploads1/216da7166e651.jpg

    ردحذف
    الردود
    1. هل جربت تكرار الكود في المرحلة 3 ؟

      حذف
  12. يسلمو زبطت اخي

    ردحذف
  13. السلام عليكم اخي قالب Red XCode ليش ما بيظهر تعليق بلوجر

    ردحذف
  14. لا يعمل :'((((((((((((((((((((((((((((((((((( -_-

    ردحذف
  15. عندي استفسار .. أن تعليقات بلوجر نفسها لم تظهر (هي اصلا غير موجودة) .. لكن الفيس بوك ظهرت .. فما السبب؟؟ هل من مساعدة؟

    ردحذف
    الردود
    1. من الممكن أنها مخفية، إذهب إلى الاعدادات >> مشاركات وتعليقات >> موقع التعليقات اختر مضمن وقم بحفظ الاعدادات

      حذف
  16. خى استطعت اظهار الشكل عن طريق وضع الكود الاول بين style style فوق head
    ولكن مازالت تعليقات بلوجر لا تعمل

    http://up.dev-point.com/uploads1/95184d658d462.jpg

    ردحذف
  17. وجدت الحل اخى

    الحل هو عند نشر مشاركة جديدة لانقوم بالسماح للقراء بالتعليق
    ولكى نسمح لهم عند نشر مشاركة جديدة نذهب الى خيارات ثم نضع العامة على سماح

    مثل الصورة

    http://up.dev-point.com/uploads1/690e6bd887b81.jpg

    والسلام عليكم

    ردحذف
  18. اخى ممكن طلب اخر هو كيف اجعل عندما يعلق احد على التدوينة ياتى الى اشعار فى الفيسوك

    ردحذف
  19. حسنا شكرالك

    ردحذف
  20. ممكن طريقة التحكم في الطول و العرض

    لتصبح مثل
    https://1.bp.blogspot.com/-QMsVTLOgbfY/Vj3uo8HyyVI/AAAAAAAAD1g/T8Jh1AaT71E/s1600/Capture.PNG

    ردحذف
  21. Thank you
    nice widgets

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

    ردحذف
    الردود
    1. عليكم السلام اخي، بنفسي لا أعرف الطريقة ..لم أجربها من قبل

      حذف
    2. شكراً لإهتمامك :-)

      حذف
  23. لم تعمل اخي حسام ! طبقت كل شيئ فلم تظهر تعليقات فايسبوك
    بقيت كما كانت ، فقط تعليقات بلوجر

    ردحذف
  24. غير معرف5/03/2016

    أخي شكرا لقد تمكنت من دمج تعليقات فيسبوك مع بلوجر مع الابتسامات

    ردحذف
  25. شكرا أخي الطريقة نجحت ^^

    ردحذف
  26. أخي الطريقة نجحت في كل التدوينات بس المشكلة في الصفحات إن التعليقات تظهر في كل الصفحات المسموح فيها بالتعليقات وغير المسموح بها ويظهر تعليقات بلوجر فقط
    هل إذا كتبت أخر كود تحت ال " <div class='comments' id='comments'> " الثانية ستحل المشكلة ؟

    ردحذف
  27. مشكووووووووووور

    ردحذف
  28. أخي حسام أنا أستعمل قالب سيو الوان و وضعتك الكود المرحلة الثالتة و عند التحليل وجد خطأ div ما الحل ؟

    ردحذف
  29. اخي تعليقات بلوجر متوقفة

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

    ردحذف
  31. مرحبا
    كيف ازيد من طول وعرض الاداة
    https://1.bp.blogspot.com/-QMsVTLOgbfY/Vj3uo8HyyVI/AAAAAAAAD1g/T8Jh1AaT71E/s1600/Capture.PNG

    ردحذف

عن الكاتب :

إرشادات

    تحميل الملفات

    نستخدم بمدونتنا مواقع مختلفة في رفع الملفات ونوفر منها إثنان:
  • موقع : Mediafire
  • موقع :file-upload
  • باسوورد فك الضغط للملفات المضغوطة : Ar1web2014
  • تجدون روابط التحميل في القوالب والملحقات بجانب التدوينة أي بالسيدبار
  • كل ملحق أو قالب يوجد بالمدونة هو للإستعمال الشخصي فقط
  • إن تواجد رابط معطوب فالمرجو التبليغ عنه هنا، شكرا.
  • أين تجدنا؟

    بعيدا عن الصفحات المزورة أو المزيفة التي يحاول البعض من خلالها استغلال جهود فريق عمل عرب ويب، هذه هي حساباتنا وصفحاتنا الرسمية في الشبكات الاجتماعية، لا نمتلك سوى هذه الصفحات والحسابات وهي الوحيدة التي تتبع للمدونة : https://www.instagram.com/ar1web

    كلمة الختام

    في مدونة عرب ويب نسعى دوما جاهدين للتحسن والتقدم وليس ما تراه هو حدودنا! ونحن نقدر كثيرا زوارنا وآراؤهم فإن كان لديك أي اقتراح/نصيحة/ومضة مفيدة/نقد بناء أو ما إلى ذلك يمكنك مشاركتنا كل ما في جعبتك من خلال الإتصال بنا : istoretech3@gmail.com
أخر تعديل كان في يوم السبت 20 يونيو من سنة 2020 ، هذه الصفحة قابلة للتعديل وقت اللزوم