كيفية إضافة زر إظهار وإخفاء في قسم التعليقات في مدونة بلوجر؟

 في هذه المناسبة، سنشارك برنامجًا تعليميًا حول كيفية إنشاء زر إظهار إخفاء التعليق على بلوجر أو يمكنك قول إنشاء زر إغلاق وفتح في قسم التعليقات في بلوجر حتى يصبح تحميل مدونة المدون الخاص بنا سريعًا.

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

كيفية إضافة زر فتح وإغلاق التعليقات في نموذج تعليق المدون

قم بتسجيل الدخول إلى حساب بلوجر الخاص بك

انتقل إلى لوحة التحكم وحدد الموضوع

نقر فوق تحرير HTML

اضغط على Ctrl + F

ابحث عن الكود <div class='comments' id='comments'>وقم بوضع الكود التالي مكانه

عادة ما يكون هناك رمزان مثل الرمز أعلاه، يجب عليك استبدال الرمزين بالرمز أدناه.

HTML 1

<a href="#" id="comments-show" class="showcontent" onclick="showComm('comments');return false;">Show comments</a><div class='clear'/>
<div class='comments hide-content' id='comments'><a href="#" id="comments-hide" class="hiddencontent" onclick="showComm('comments');return false;">Hide comments</a><div class='clear'/>

أضف كود CSS أدناه قبل ]]></b:skin> أو </style> بدلاً من وضع الكود عليه

Css 2

<a href="#" id="comments-show" class="showcontent" onclick="showComm('comments');return false;">Show comments</a><div class='clear'/>
<div class='comments hide-content' id='comments'><a href="#" id="comments-hide" class="hiddencontent" onclick="showComm('comments');return false;">Hide comments</a><div class='clear'/>

ثم أضف الكود التالي فوق الوسم </body>

<script type='text/javascript'>
//<![CDATA[
// Blogismpro 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>

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