اضافة ترقيم التعليقات المترابطة-numbred comment

اهلا بكم متتبعين الاعزاء الايوم سوف نقوم بشرح كيفية اضافة ترقيم التعليقات لكن هذه المرة بالنسبة لتعليقات بلوجر المترابطة الجديدة كما هو موضح بالصورة التالية :

و لرؤية مثال مباشر ما عليك الا زيارة مدينة التدوين و رؤية او وضع تعليقات في اي المواضيع حتى يتسنى لك رؤية الاضافة بنفسك
اذن الان ننتقل الى تطبيق الاضافة في مدوناتنا الجميلة فما عليك سوى تتبع الخطوات التالية :
اولا من لوحة التحكم اختر القالب ثم تحرير الـHTML من بعد ذلك قم بالضغط على زر المتابعة ثم ابحث عن الكود التالي:

]]></b:skin>

ملاحظة: اضغط على CTRL+F لتقوم بعملية البحث 

الان اضف الكود التالي قبل الكود الذي حصلنا عليه سابقا :

.comment-thread ol {
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/AVvXsEgOGj3CvPFZWnSqXXWZF-bQ8lToYLZHX-gZb_mReQu3zRTNDfQwGSDs-V00KDeYvmQnQCUusyHeA646wrse_JYq4TL5Tzt-UHUAnNGJ3xgH1VjCPC9qi98J_Pja5WAOidz4XQxQ7VVWlZm7/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;
}

يمكنك تغيير القيم التي بلون مختلف الى ما يناسبك