إخفاء التعليقات على مدونات بلوجر لتسريع تصفحها blogger

إخفاء التعليقات على مدونات بلوجر لتسريع تصفحها

السلام عليكم ورحمة الله تعالى وبركاته،إخواني أخواتي الكرام

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

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرhtml, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي :

</head>

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

<script language='javascript'>
function toggle() {
var ele = document.getElementById("toggleText");
var text = document.getElementById("displayText");
if(ele.style.display == "block") {
ele.style.display = "none";
text.innerHTML = "<img alt='إظهار التعليقات' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6YkZpJT86xq2aIj-39KZV89rcPD0aHTYd714YzgHuxRSlUPrcP5cnPilZc2UVbx377So1ShcYf021_rOyDhNSaVhEYs71FHhQjX5JOorboSY0smR1sqjj3cTJOXJVjr7h3luW25inGNc/s1600/cooltext470930301.png' title='إظهار التعليقات'/>";
}
else {
ele.style.display = "block";
text.innerHTML = "<img alt='إخفاء التعليقات' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4P0f0WbUIrIL-bGCqFx2YTD0YNJH2DYm9tXyt3XKhLTxTKTt0rQYosOF9-GRWI8XjUreBvJs0ZXHvO9zvrLasV_SRBmsgmkvasyS4h_uTT_5DWdh4qBy0Fg36gxTEtSJ9b6C4Ek18RZ4/s1600/cooltext470930319.png' title='إخفاء التعليقات'/>";
}
}
</script>

حيث يمثل الرابط ذا اللون الأزرق صورة الزر "إظهار التعليقات" و الرابط ذا اللون الأحمر صورة الزر" إخفاء التعليقات "

والآن نقوم بالبحث عن هذا الكود :

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

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

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

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