Cara Memberi Nomor Pada Komentar Blog

Caranya :

1. Buka akun Blogger Anda
2. Masuk ke menu Template > Edit HTML > Proceed > centang Expand Template Widget
3. Cari kode dibawah ini :

<b:loop values='data:post.comments' var='comment'>

   4.  Masukkan kode dibawah ini, diatas pada kode diatas :

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

   5.  Cari kode dibawah ini :

<data:commentPostedByMsg/>

   6.  Paste kode dibawah ini, tepat dibawah pada kode diatas :

<!--comments-count-starts-->
<span class='comments-number'>
<a expr:href='data:comment.url' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>
<!--comments-count-stops--> 

   7.  Cari kode dibawah ini :

 </head>

   8. Paste kode dibawah ini tepat diatas pada kode diatas :

<!-- comments-count-starts-->
<style type="text/css">
.comments-number a:link, .comments-number a:visited {
color: black !important;
text-decoration: none !important;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEbp3L3goQFvmWNX9DhUunePPSR_fqp1Ag9H4J3_qUN4fIFXzxmf5PjtT6kuGHV05Ie_PdQ332H8IKSbRePhPWt__GrsdQ7yEQVZWlWLi0d20xWVSO1rLfNfVXzZn6L8Ipv0kHU644bb77/s1600/comment+bubble+1.png) no-repeat;
width: 50px; /*image-width size*/
height: 48px; /*image-height size*/
float: right;
display: block;
margin-right: 5px;
margin-top: -15px; /*comments-counter position*/
text-align: center;
font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;
font-size: 15px;
font-weight: normal;
}
.comments-number a:hover, .comments-number a:active {
color: #1BA0E1 !important;
text-decoration: none !important;
}
</style>
<!-- comments-count-stops-http://helplogger.blogspot.com--> 

Pengaturan:

1. Untuk mengubah foto, mengedit kode biru di atas dan salin URL pada gambar .png dibawah ini :
   
2. Untuk mengubah warna dari angka-angka, mengedit kode warna hijau

Penting:

1. Anda mungkin menggunakan gambar bukan yang terkait dalam kode di atas (step 8), tetapi Anda harus menyebutkan dimensi dengan benar (lebar dan tinggi) untuk penempatan yang benar dari nomor pada gambar.

   9.  Preview dan simpan template Anda dan nikmati kotak komentar baru Anda

Sumbernya disini : http://adf.ly/Jm7NP