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

السلام عليكم ورحمة الله وبركاته ومرحبا بكم من جديد في مدونة القصراوى , اليوم ان شاء الله سنتعلم معا كيفية ترقيم تعليقات بلوجر بطريقه بسيط بتقنية 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/AVvXsEhmhuMFDGkAHj7M-Nnmw45xgR_ktlmKGsvvzlYgLahDPlfp1oVjOZ1t0e7KQufl0BIZYtxD5hlhO-SLqSRg79ceGhlN-ojl8ROSfJB-D2pkZvH5Kjab1WhhLE2LeGHHIBSJDIFpIbTCtRkN/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/AVvXsEhmhuMFDGkAHj7M-Nnmw45xgR_ktlmKGsvvzlYgLahDPlfp1oVjOZ1t0e7KQufl0BIZYtxD5hlhO-SLqSRg79ceGhlN-ojl8ROSfJB-D2pkZvH5Kjab1WhhLE2LeGHHIBSJDIFpIbTCtRkN/s1600/comment+bubble2.png

واستبدله برابط الايقونه حسب رغبتيك

وفي ما يلي بعض من ايقونات التي يظهر داخلها ترقيم التعليق

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