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

حين يدخل الزائر إلي تدوينة فيها أكثر من 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/AVvXsEhkxFIgOTN7eK9Mgfzn2fev0lcTqc42IaCVCec_I9jO5Q8tJwBH4JWU1fWGykL5Q47Y9rmPCMCSZ88PZuwybeWP4t0SqucGkwJb89-TGeYAWt9OkWm27gLMeFS-Rzd2l9oIeY54rs3lBN4/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/AVvXsEi-8Qqfk6MQ3eE3pd6UNBQ19B7fUeZ42DW_0l_QCjq3m5dZTGExIbLweZwivbfDFuVPRmyp3oeSp9A0bw81QQEcFcZ8TGvgh-soNCzYKVB4HNacQu3G9fJXkYkxkUSZyEethkvey4MEB_s/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/AVvXsEg42VlF4qrrjGOUggezWXyPT9owrUGY0wK9fpaQE27rG3dFz_G35wmuYIU9gFYzaNCsYkb3kbxYieTwJaYBA-xRbSpTbo4QKSSkqPZoo1Yd9CNxCu_7kLYNjYp0jdIT04H94rPhm1Avh3s/s1600/cooltext470930250.png' title='إظهار التعليقات'/></a>
<div id='toggleText' style='display: none;'>

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

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

 </span>

</dd>

</b:loop>

</dl>

</div>

و دمتم سالمين