Pasang Nomor Urut Di Kotak komentar

1- Login dahulu seperti biasa dengan ID milik sobat.
2- Klick Layout / Tata Letak.
3- Klick Edit HTML.
4- @- Kemudian beri tanda Centang pada kotakan kecil di sebelah kiri Expand Widget Templates, dan tunggu sesaat biarkan Loading selesai.
5- Kemudian Copy Kode CSS di bawah ini lalu Pastekan di atas Kode ini : ]]></b:skin>

/*Mulai css Comments Numbering*/
.numberingcomments{
float: right;
display: block;
width: 40px;
text-align: center;
margin-right: 16px;
margin-top: -30px;
text-align: right;
font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;
font-size: 22px;
font-weight: bold;
}

/*since the numbers are actually links, we need to force the color properties*/
.numberingcomments a:link, .numberingcomments a:visited {color: #08F70C !important; text-decoration: none !important;}

.numberingcomments a:hover, .numberingcomments a:active {color: #FF0000 !important; text-decoration: none !important;}

5- Jika sudah lalu SAVE TEMPLATE
@- Langkah Pertama selesai.

@- Sekarang kita lanjutkan Langkah yang berikutnya.
1- Silahkan Sobat Cari Kode yang seperti ini : <dl id='comments-block'>
2- Kalau sudah ketemu Copy Kode di bawah ini dan Pastekan persis dibawah Kode yang di atas tadi.

<script type='text/javascript'>var CommentsCounter=0;</script>

3- Lalu Sobat cari kode seperti di bawah ini :
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
4- Kalau sudah ketemu, kemudian Copy Kode di bawah ini dan Pastekan persis di atas Kode </dt>.

<span class='numberingcomments'>
<a expr:href='&quot;#comment-&quot; + data:comment.id' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>

@- Nah sekarang Langkah yang kedua sudah selesai.
@- Untuk pengaturan / peletakan Nomor dan warna Nomor tersebut Sobat bisa ubah di Kode CSSnya sesuai dengan selera.
@- Selamat mencoba Semoga berhasil dan sukses selalu buat Sobat.