طريقة إظهار وإخفاء التعليقات على بلوجر

 انضم الينا

صندوق التعليقات على اي موقع هو وسيلة مهمة للتفاعل والترابط بين مدير المدونة والزائر.
بالتعليق على المنشور، بالتأكيد سوف يسهل على الزوار التعبير عن تطلعاتهم حول المحتوى الذي نشرته.
في بعض الأحيان لا يتم تحديد "المدونة الكبيرة أو الشعبية" من قبل عدد الزوار ولكن من عدد التعليقات على المدونة ولذلك، فليس من غير المألوف بالنسبة لنا أن نلتقي بمدونات ذات شعبية يتواجد بها تعليقات كثيرة بكل موضوع يتم مداولته. 
 إقرأ أيضًا : تغيير شكل تعليقات المدونة
هذا بالتأكيد شيء إيجابي إيجابي للغاية لكن المشكلة هنا هي أنه عندما يكون للمدونة محتوى جيد، فهناك العشرات أو حتى المئات من التعليقات التي تملأ صفحة التدوينة وفعلا وبكل تواضوع مدونتنا تشهد عدد كبير من التعليقات في بعض المنشورات
إنه أمر جيد طبعا فهذا يعني أن للمدونة متابعين، ولكن هناك بعض الأشياء الغير الجيدة، بما في ذلك:

• لا يتشابه محتوى التدوينة مع التعليقات ، لذلك يبدو كسبام أو تعليق وهمي
• تنخفض سرعة تحميل التدوينة، نظرًا لأنه يتم تحميل عدد كبير من التعليقات
• تعطي تعليقات المدونة الكثير من الانطباع أن المدونة غير نظيفة (نظيفة بمعنى ليست منظمه)

لذلك سوف اشارككم طريقة تجعل من التعليقات أكثر إيجابية وأدق كما يمكن تحميلها بسهولة
الحيلة هنا هي تضمين صندوق التعليقات في إظهار / إخفاء التعليقات ستجد فقط زر "إظهار التعليق" لذلك إذا ضغطت على الزر "إظهار" ، فسيتم عرض التعليقات على مدونتك وكذلك اخفائها كما سنرى في المعاينة

• معاينة

شرح طريقة التركيب
 قبل التطبيق المرجو حفظ نسخة من القالب تحسبا لأي خطأ وكذلك إن اردت حذف الإضافة في المستقبل فسيسهل الأمر.
1. كالعادة سجل الدخول إلى مدونتك
2. المظهر >> تعديل HTML
3. ابحث عن الكود أدناه باستخدام CTRL+F
ملاحظة: عادة هناك رمزين

<div class='comments' id='comments'>

4. استبدل كلا الرمزين بالكود التالي

  <a class='showcontent' href='#' id='comments-show' onclick='showComm(&apos;comments&apos;);return false;'>عرض التعليقات</a>

<div class='clear'/>

        <div class='comments hide-content' id='comments'>

<a class='hiddencontent' href='#' id='comments-hide' onclick='showComm(&apos;comments&apos;);return false;'>إخفاء التعليقات</a>

<div class='clear'/>

5. أضف الكود أدناه قبل الكود ]]></b:skin> أو بين <style> </style>

.hide-content{display:none;margin:0;padding:0;}

a.showcontent, #comments a.hiddencontent {display: block;text-decoration: none;position: relative;color: #fff;font-weight: 700;font-size: 15px;padding: 12px 0;background: #2797d8;color: #fff;-webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2);box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2);border: 2px solid;border-radius: 5px;text-align: center;margin: 10px auto;transition: all .3s;width: 200px;clear: both;}

#comments a.hiddencontent {background:#fff;color:#acb3b8;transition:all .3s}

a.showcontent:hover{background:#fff;color:#5593f0;}

#comments a.hiddencontent:hover{background: #2797d8;;color: #fff;-webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2);box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2);color:#fff;}

6. وأخيرا، ضع الرمز التالي فوق </body>

<script type='text/javascript'>

//<![CDATA[

// Show and Hide Comments

function showComm(e){document.getElementById(e)&&("none"!=document.getElementById(e+"-show").style.display?(document.getElementById(e+"-show").style.display="none",document.getElementById(e).style.display="block"):(document.getElementById(e+"-show").style.display="block",document.getElementById(e).style.display="none"))};

//]]>

</script>

هذه هي الطريقة السهلة لتركيب اضافة إظهار التعليقات وإخفائها. من المؤكد أن هذه الطريقة ستجعل مدونتك أسرع عندما يتم تحميلها وستبدو أكثر اناقة.
أعتقد أن هذا كل شيء في تدوينتنا هذه، شكرا لكل وفي ومتابع لنا نراكم عم قريب إن شاء الله.