Memberi Nomor Pada Komentar

Artikel yang menjelaskan bagaimana cara memberi system penomoran pada komentar ini sebenarnya tidaklah terlalu penting dan sudah banyak yang menggunakan, tapi jika kita lihat dari sisi yang berbeda penggunaan penomoran pada komentar adalah sangat baik dan memberikan kesan yang menarik bagi para pengunjungnya apalagi blog kita yang dibanjiri rekan-rekan yang berkomentar. Selain cara ini, ada juga cara yang diterapkan Blog secara otomatis melalui template. Kali ini akan coba saya jelaskan bagaimana membuat system penomoran pada komentar.

Caranya :

1. Login ke Blogger anda
2. Klik Rancangan
3. Klik Edit HTML
4. Beri tanda centang pada Expand Widget Template
5. Cari kode : <dl id='comments-block'>
6. Bagi anda yang di dalam template menggunakan Avatar Profile, anda cari kode : <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
7. Jika kode diatas ketemu, copy kode dibawah ini tepat dibawah kode diatas

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

• Kemudian anda cari kode dibawah ini di dalam template anda

<data:commentPostedByMsg/> 

• Copy kode dibawah ini tepat dibawah kode diatas

<span class='comm-num'>
<a expr:href='data:comment.url' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>

•  Kemudian anda cari kode ]]></b:skin>, lalu tambahkan kode CSS dibawah ini tepat diatas kode tersebut

.comm-num a:link, .comm-num a:visited {
color: #CC0000;
text-decoration: none !important;
background: url(http://i49.tinypic.com/2zzhr4o.jpg) no-repeat;
width: 39px;
height: 43px;
display: block;
float: right;
margin-right: 5px;
margin-top: -5px;
text-align: center;
font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif;
font-size: 15px;
font-weight: normal;
line-height: 30px;
}
.comm-num a:hover, .comm-num a:active {
color: gray;
text-decoration: none !important;
font-weight: bold;
}

Teks yang saya beri warna merah adalah kode yang sebenarnya bisa anda rubah/ganti sesuai keinginan anda, stelah selesai dengan keinginan simpan hasil kerja anda dan lihatlah hasilnya.

 Semoga bermanfaat dan selamat mencoba

Sumber gambar diambil dari : http://nourma4.blogspot.com