اضافة ترقيم التعليقات في مدونات بلوجر بشكل احترافي

السلام عليكم

في هده التدوينة سنتعلم طريقة اضافة ترقيم التعليقات في مدونة بلوجر بشكل احترافي . و بطريقة بسيطة بتقنية CSS

1- من  لوحة التحكم -> قالب -> تحرير HTML -> تابع

     2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات 

     3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)

]]></b:skin>

والصق الكود التالي بعده تمامآ

counter-reset: countcomments; } .comment-thread li:before { content: counter(countcomments,decimal); counter-increment: countcomments; float: right; font-size: 22px; color: #555555; padding-left: 10px; padding-top: 3px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisk3w1afanKYn_xGFtqnTij7TLtf7jtYmShjtzadoFIjKUjeT5BQ7OeQdU3CnYjfZVOr8HfeAP8hcBwSpUjl4nT8GwG1OOQfj8NRkJue4TrO2YSR2_S21_K53W285mwoETEVEmUkJxuMDf/s1600/comment+bubble2.png) no-repeat; margin-top: 7px; margin-left: 10px; width: 50px; /*image-width size*/ height: 48px; /*image-height size*/ } .comment-thread ol ol { counter-reset: contrebasse; } .comment-thread li li:before { content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin); counter-increment: contrebasse; float: right; font-size: 18px; color: #666666; } 

الان قم بحفظ القالب ومبرووك عليك الاضافه

ولتغيير ايقونة ترقيم التعليقات قم بالبحث عن الرابط التالي

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisk3w1afanKYn_xGFtqnTij7TLtf7jtYmShjtzadoFIjKUjeT5BQ7OeQdU3CnYjfZVOr8HfeAP8hcBwSpUjl4nT8GwG1OOQfj8NRkJue4TrO2YSR2_S21_K53W285mwoETEVEmUkJxuMDf/s1600/comment+bubble2.png

لتغيير الايقونه، انقر بزر الماوس الأيمن على أي ايقونه، حدد نسخ عنوان URL للصورة واستبدله برابط الايقونه التي في الكود باللون الاحمر