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

شرح كيفية ترقيم تعليقات بلوجر بطريقه بسيط بتقنية CSS داخل ايقونات صغيره بجوار التعليق , ما يميز هذه الاضافه انها تقوم بترقيم التعليقات في مدونة بلوجر بطريقه اليه بالترتيب من الاقدم الى الاحدث , ومن مميزاتها ايضا انه يمكنك التعقيب على التعليقات بكل سلاسه ويسر حيث يمكنك من خلاله التعقيب على التعليق رقم 1 مثلا , ثم الرد عليه بسهوله تامه

كيفية اضافة ترقيم التعليقات في مدوناتكم

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/AVvXsEg4AU7qZACCD3-Dry8av7tyaYpBeLgYHYWwnIzsgzeNbfmMTMe_0NFNLpOFJMmEzlo88jFG1xj721ptOgFLtadyIXVv9Nra_f1e6kSqxrrn_kjwAPnOF4QWG0hb8IPcD9qqyHLPUVwZk_Ep/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/AVvXsEg4AU7qZACCD3-Dry8av7tyaYpBeLgYHYWwnIzsgzeNbfmMTMe_0NFNLpOFJMmEzlo88jFG1xj721ptOgFLtadyIXVv9Nra_f1e6kSqxrrn_kjwAPnOF4QWG0hb8IPcD9qqyHLPUVwZk_Ep/s1600/comment+bubble2.png