اقسام المنجم
- اخبار تقنية (23)
- اختراعات (27)
- افتكاسات (36)
- الابراج (3)
- المواضيع الجديدة (50)
- أهم المواضيع (36)
- جديد * جديد (36)
- حكم وامثال (14)
- دورات تدريبية (5)
- رمضانيات (29)
- شخصية المنجم (3)
- صبايا (12)
- صحتك (20)
- طرائف وغرائب (22)
- فكرة عمل...... (13)
- قصة ققصيره (20)
- كتب (7)
- مشاكل وحلول (25)
- مقالات (30)
معلومة اليوم:
لماذا التكبر ؟
من تراب ، على تراب ، إلى تراب !!
جديد المنجم
اختر ما تود أن تتعلمه
أرشيف المنجم
- أبريل 2011 (121)
- مايو 2011 (65)
- يونيو 2011 (133)
- يوليو 2011 (248)
- أغسطس 2011 (110)
- سبتمبر 2011 (44)
- أكتوبر 2011 (11)
إضافة زر إظهار/إخفاء التعليقات على مدونات بلوجر
12:48 م |
مرسلة بواسطة
helly
كيفية إضافة زر يقوم بإخفاء وإظهارجميع التعليقات من على صفحة التدوينة ،حيث يكون هذا الزر في أسفل الصفحة وبالضبط فوق صندوق التعليقات ،فمثلا إذا كانت مدونتك تتوفر على عدد كبير من التعليقات في موضوع معين ،تظهر الصفحة طويلة جدا مما يسبب بطئ في ظهور الصفحة كاملة وكذلك تشوه تنسيقها ،وهذه الخاصية تساعد على تنسيق المدونة وكذلك تساهم في سرعة تحميل الصفحة ،وللمعاينة قبل تطبيقها على مدونتك توجه لأي موضوع من مدونتي يضم عددا من التعليقات ثم توجه لأسفل الصفحة ثم إضغط على الزر لتظهر لك جميع التعليقات ومرة أخرى لإخفائها.
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرhtml, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي :
والآن نقوم بالبحث عن هذا الكود :
وأخيرا قم بحفظ القالب،وتوجه للمعاينة
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحرير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/AVvXsEiPpip2RQF8C7ykSxzSB7PK_6BFaRiBpI6i6evuF-s-nMahbaYw-2VI9sV-OssDuO_Gen_eATp8pE63Qqini-2vzyDzni8FV9TA3bG8M6KACVFwT7JeD6RxIIV2o5VieT0-ZiKGVHRHf08/s1600/cooltext470930301.png' title='إظهار التعليقات'/>";
}
else {
ele.style.display = "block";
text.innerHTML = "<img alt='إخفاء التعليقات' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX6yEVBrZWADxCnfEBDICnssRjM8B2kZLu_liaHgws3oaDqa2LIwr2PzRyucU009h4pvSCmD_AZPXdK-TDOsMIBOv_z8dWTbuIfe0qSMQ_G9vvYer7d_778L_7fjQijEstt4pKUvnblL8/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/AVvXsEiuphz4Rd-bhzV4ax3-5kxDkrF3XmJYYOgvlt9-sjsepXOuFtDSUuaMja6HPCksVSJ1UCRSjynpLG2yYJJbVF8oLom2pWT6oES04Cbj6Hp7pDIHFBDTki698w0Did7KELlkF3ShadRMo7U/s1600/cooltext470930250.png' title='إظهار التعليقات'/></a>
<div id='toggleText' style='display: none;'>
ثم قم بوضع الكود التالي تحته :<b:include data='comment' name='commentDeleteIcon'/></span></dd></b:loop></dl>
</div>
وأخيرا قم بحفظ القالب،وتوجه للمعاينة
التسميات:
تطويرBlogger
الاشتراك في:
تعليقات الرسالة (Atom)
0 التعليقات:
إرسال تعليق