Memasang Nomor Urut Di Kolom Komentar

Caranya adalah sebagai berikut :

1. Login ke Akun Blogger anda masing-masing.
2. Klik Design or Rancangan, kemudian pilih Edit HTML
3. Centang (Expand Widget Template)
4. Untuk keamanan lebih baik kita (Download Template Lengkap)
5. Gunakan (Ctrl+F) or (Alt+E+F) untuk memudahkan pencarian
6. Cari kode 

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

Copy kode dibawah ini dan paste tepat diatas kode tadi

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

7. Cari kode

<data:commentPostedByMsg/>

Copy kode dibawah ini, kemudian paste tepat dibawah kode tadi

<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>

8. Terakhir untuk menampilkan image dan angka penomoran. Cari kode :

</head>

9. Copy kode dibawah ini dan paste tepat diatas kode tadi.

<style type="text/css">
.comm-num a:link, .comm-num a:visited {
color: white !important;
text-decoration: none !important;
background: url(http://i50.tinypic.com/egx3t3.jpg) no-repeat;
width: 50px;
height: 48px;
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;
}
.comm-num a:hover, .comm-num a:active {
color: gray !important;
text-decoration: none !important;
}
</style>

NB :
♪  http://i50.tinypic.com/egx3t3.jpg : merupakan tampilan dari gambar pada setiap komentar. Silahkan anda ganti dengan gambar yang ada dibawah ini. Klik kanan pilih Copy Image Location, kemudian paste menggantikan alamat image terdahulu/diatas
♪  width: 50px;
    height: 48px; : merupakan ukuran gambar, silahkan anda sesuaikan dengan keperluan.
♪  color: gray : warna angka penomoran pada setia lomentar, silahkan anda ganti dengan warna pilihan anda.

10. Save

Show

♂ Good Luck ♀

Semua ini adalah apa yang pernah aku cobain sendiri . . dan aku dapat/mengerti dari teman2 blogger lainnya karena aku hanya seorang blogger pemula yang ingin mengetahui lebih banyak hal lagi . . . . Thank's

Related Post