Cara Membuat Comments Counter di Blogger

Setelah dari kemarin saya terus membahas tentang widget maka pada kesempatan kali ini saya akan membahas tentang sedikit meng-hack blogger dengan memainkan kode CSS untuk membuat counter untuk komen-komen yang ada di blog Anda-Anda sekalian. Secara default blogger tidak menampilkan nomer urut per komen, yang ditampilkan blogger adalah total jumlah dari seluruh komen yang ada, teteapi dengan trik sederhana ini maka akan menampilkan no urut setiap komennya. Anda masih bingung? Kalau begitu lebih mudah kalau Anda perhatikan saja screenshot dibawah ini (yang dilingkari merah)!

Step by Step

1. Log in ke Blogger lalu pilih blog yang akan Anda Oprek.
2. Pilih opsi Template » Edit HTML.
3. Cari kode ]]></b:skin> , gunakan Ctrl+F agar lebih mudah.
4. Setelah itu langkah selanjutnya pastekan kode berikut sebelum kode ]]></b:skin>!
.comment-thread ol {
counter-reset: countcomments;
}
.comment-thread li:before {
content: counter(countcomments,decimal);
counter-increment: countcomments;
float: right;
font-family:verdana, georgia, arial;
font-size: 16px;
color: #777777;
padding-left:11px;
padding-top:4px;
background:#ffffff ;
border:1px solid #dcdcdc;
border-radius:10px;
margin-top:8px;
margin-left:11px;
width: 56px;
height: 40px;
}
.comment-thread ol ol {
counter-reset: contrebasse;
}
.comment-thread li li:before {
content: counter(countcomments,decimal) "." counter(contrebasse,decimal);
counter-increment: contrebasse;
float: right;
font-family:verdana, georgia, arial;
font-size: 16px;
color: #666666;
}
5. Simpan!

Oke sekian dulu, semoga ada manfaatnya :D