زر إظهار و إخفاء التعليقات

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

طريقة تطبيق الإضافة :

من لوحة التحكم >>>>>تصميم>>>>>تحرير html >>>>>> ثم فعل خانة توسيع القوالب ثم أبحث عن الكود التالي :

</head>

ضع الكود التالي قبله :

<script language='javascript'>
function toggle() {
var ele = document.getElementById(&quot;toggleText&quot;);
var text = document.getElementById(&quot;displayText&quot;);
if(ele.style.display == &quot;block&quot;) {
ele.style.display = &quot;none&quot;;
text.innerHTML = &quot;<img alt='إظهار التعليقات' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsAXKKYRqzWoljntvNE0xXPATW2R28dKBLxHj8mrwZvFVjgJcGrmxU8M7l1-UMBsPr5BCtpC3Y7qqHldXfHXPeEV7SKXNtntMa9_1XYN6VRQCQp4opw4P3kfUYuue0CTJAFt3KNqiD7jw/s1600/cooltext470930301.png' title='إظهار التعليقات'/>&quot;;
}
else {
ele.style.display = &quot;block&quot;;
text.innerHTML = &quot;<img alt='إخفاء التعليقات' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBfKJWpMXHuhy5KFGfnze4hO5SWkIztfyVb40s6SiI4A-DKgHqoFg5WMRBCjWq9sEbYBRo8-T4PjU0zxx7KufVCB-kkDzG0KTGnXmZ8gSIxy07OFmSWhfu6Y9BxRzKHullqmhBv_0DfT0/s1600/cooltext470930319.png' title='إخفاء التعليقات'/>&quot;;
}
}
</script>

غير حسب رغباتك :
الرابط الأخضر= إظهار التعليقات
الرابط الأزرق =إخفاء التعليقات


بعدما تنتهي قم بالبحث عن الكود التالي :

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

إذا لم تجد نتيجة أبحث عن التالي :

<dl expr:class='data:post.avatarIndentClass'>

حين تجد نتيجة ضع الكود التالي قبل أحد الكودين السابقين :

<a href='javascript:toggle();' id='displayText'><img alt='إظهار التعليقات' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwPBtisj7Za-N2d7NMfSAh130kcLOUu1BkwvkPwFO9X5UKqN9vC6oNiKV2tICiUjKnpCH2oIjaP3QgdxeFwm3k0dI9PmxYRWs8OTFQuqgYbAkKm4KQBwXJbOXsg4K3Us7WziKklapVJeQ/s1600/cooltext470930250.png' title='إظهار التعليقات'/></a>
<div id='toggleText' style='display: none;'>

 ثم أبحث عن الكود التالي و وضع الكود الذي بعده تحته مباشرة

<b:include data='comment' name='commentDeleteIcon'/>

 </span>

</dd>

</b:loop>

</dl>

</div>

و دمتم سالمين