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

حين يدخل الزائر إلي تدوينة فيها أكثر من 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='http://2.bp.blogspot.com/_gToJ30Luauw/TKA7G_2qx_I/AAAAAAAABs4/5fSYSHvGlIA/s1600/cooltext470930301.png' title='إظهار التعليقات'/>&quot;;
}
else {
ele.style.display = &quot;block&quot;;
text.innerHTML = &quot;<img alt='إخفاء التعليقات' src='http://3.bp.blogspot.com/_gToJ30Luauw/TKA7LihKnQI/AAAAAAAABs8/TNvjknNFd20/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='http://1.bp.blogspot.com/_gToJ30Luauw/TKA7Bw59q6I/AAAAAAAABs0/Mk7g4Gk1vzk/s1600/cooltext470930250.png' title='إظهار التعليقات'/></a>
<div id='toggleText' style='display: none;'>
 ثم أبحث عن الكود التالي و وضع الكود الذي بعده تحته مباشرة
<b:include data='comment' name='commentDeleteIcon'/>
 </span>
</dd>
</b:loop>
</dl>

</div>

و دمتم سالمين

حين يدخل الزائر إلي تدوينة فيها أكثر من 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='http://2.bp.blogspot.com/_gToJ30Luauw/TKA7G_2qx_I/AAAAAAAABs4/5fSYSHvGlIA/s1600/cooltext470930301.png' title='إظهار التعليقات'/>&quot;;
}
else {
ele.style.display = &quot;block&quot;;
text.innerHTML = &quot;<img alt='إخفاء التعليقات' src='http://3.bp.blogspot.com/_gToJ30Luauw/TKA7LihKnQI/AAAAAAAABs8/TNvjknNFd20/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='http://1.bp.blogspot.com/_gToJ30Luauw/TKA7Bw59q6I/AAAAAAAABs0/Mk7g4Gk1vzk/s1600/cooltext470930250.png' title='إظهار التعليقات'/></a>
<div id='toggleText' style='display: none;'>
 ثم أبحث عن الكود التالي و وضع الكود الذي بعده تحته مباشرة
<b:include data='comment' name='commentDeleteIcon'/>
 </span>
</dd>
</b:loop>
</dl>

</div>

و دمتم سالمين

تنبيه : المرجوا عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا
abuiyad