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

السلام عليكم ورحمة الله وبركاته ومرحبا بكم من جديد في مدونة جلال البعداني , اليوم ان شاء الله سنتعلم معا كيفية ترقيم تعليقات بلوجر بطريقه بسيط بتقنية 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/AVvXsEgDMexxnHzseHadY4ZyKtGbn5dJ8zfi7kh1Zt3DEKv0_p1mlbN_oP8-KMTC8vQ7vuIUx_v8VRw6m08II-hOZozeJKLw5L3tFz-d2jMRXf0RPVhQa4GT46xcA1ZHIoRlN_MpPvxjz7FYnbyf/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/AVvXsEgDMexxnHzseHadY4ZyKtGbn5dJ8zfi7kh1Zt3DEKv0_p1mlbN_oP8-KMTC8vQ7vuIUx_v8VRw6m08II-hOZozeJKLw5L3tFz-d2jMRXf0RPVhQa4GT46xcA1ZHIoRlN_MpPvxjz7FYnbyf/s1600/comment+bubble2.png