Memberi Nomor Komentar Pada Blogger

Jika anda tertarik untuk membuatnya , silahkan ikuti langkah berikut ini :

1. Login ke akun Blogger anda
2. Pilih Template
3. Pilih Edit HTML
4. Centang Expand Template Widget
5. Tekan tombol Ctrl+F
6. Cari kode berikut

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

7. Masukkan script dibawah ini tepat dibawah kode tersebut

<!--Penomoran Komentar Kode 1-->
<script type='text/javascript'>var CommentsCounter=0;</script>
<!--/Penomoran Komentar Kode 1-->

8. Kemudian cari kode berikut

<data:commentPostedByMsg/>

9. Masukkan script dibawah ini tepat dibawah kode tersebut

<!--Penomoran Komentar Kode 2-->
<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>
<!--/Penomoran Komentar Kode 2-->

10. Kemudian cari kode ]]></b:skin>
11. Masukkan script dibawah ini tepat diatas kode ]]></b:skin>

/*---Penomoran Komentar dari http://bloggerstop.net---*/
.comm-num a:link, .comm-num a:visited {
color: #CC0000; /*warna huruf nomor komentar*/
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; /*posisi gambar dari kanan*/
margin-top: -5px; /*posisi gambar dari atas*/
text-align: center;
font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif;
font-size: 15px; /*ukuran huruf nomor komentar*/
font-weight: normal;
line-height: 30px;
}
.comm-num a:hover, .comm-num a:active {
color: gray;  /*warna huruf link hover*/
text-decoration: none !important;
font-weight: bold;
}

Keterangan :
- Anda dapat merubah warna huruf , gambar latar (background) , posisi gambar , dan ukuran huruf sesuai keinginan anda.
- Bagi anda yang mengunakan scroll pada blok komentarnya sebaiknya margin-top nya dibuat 0px.
- Jika anda ingin mengganti gambar background untuk nomornya , gantilah URL http://i48.tinypic.com/o5oupx.jpg dengan URL gambar sesuai keinginan anda , tapi jangan lupa untuk merubah ukuran width dan height nya sesuai ukuran gambar yang baru.Misalnya anda akan mengganti dengan gambar yang berukuran 44x49 maka ubah width nya menjadi 44px dan height nya menjadi 49px.

Dibawah ini adalah beberapa gambar yang bisa anda gunakan untuk background nomor komentar , untuk mendapatkan URL gambar ini , silahkan klik kanan pada gambarnya lalu pilih salin URL gambar.

Semoga bermanfaat...!!!

Komentari artikel ini...!!!

Admin .:: Get Widget ::.

Keterangan Artikel Ditulis oleh : Dhecun Blog Judul : Memberi Nomor Komentar Pada Blogger Berlangganan artikel Komentari artikel ini...!!! <b>Dhecun Blog : <a href='http://dhecun.blogspot.com/2012/12/memberi-nomor-komentar-pada-blogger.html'>Memberi Nomor Komentar Pada Blogger</a></b>

Silahkan Copy Paste artikel ini tapi jangan lupa untuk mencantumkan link sumber aslinya. Terima kasih.

Sumber : <a href='http://dhecun.blogspot.com/2012/12/memberi-nomor-komentar-pada-blogger.html'>Memberi Nomor Komentar Pada Blogger</a>