Memasang Nomor Urut Pada Kotak Komentar

Memasang Nomor Urut Pada Kotak Komentar - Ingin tau berapa jumlah komentar di blog anda..seperti yang disamping..? jika betul, saya punya sedikit informasi nih buat blogger yang suka memodifikasi Blog nya,.
sebenar nya penting tidak penting sih memberi nomor urut pada kotak komentar itu ,tp beda kalau sobat Blogger yang memang hobinya selalu merenopasi blog nya agar terlihat cantik..tik tik
Cara Memasang Nomor Urut Pada Kotak Komentar Blog  sebetul nya cukup mudah untuk melakukan nya,namun saja butuh ketelitian dan kejelian...heeee.

Okey Kita Mulai saja Cara Memasang Nomor Urut pada komentar Blog

Tanpa banyak basi basi mari kita mulai Tutorial nya

* Login Ke Akun Blog Sobat
* Pilih Rancangan/Tata Letak Kemudian Pilih EDIT HTML
* Centang Kolom expand template widget
* Cari Kode Berikut



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

Cari Kode Berikut

<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>/span> </a> </span>

Terakhir...cari Kode </head>
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>

Keterangan
1. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3cu8D1XgNGOWLX8sPQN_tMzKPB1B6e4RCGMJcq01FpwDV06rjE9su6jGjUWxn_qPBSKqF1zV5bgoe_Amg99YnyRyDpua8pNh_ckU9KIyJ7E1WI8cT_hmBYASnRvwYxHL6iuKejrqyFb9j/s1600/df97c4.jpg.png : merupakan KODE URL tampilan dari gambar pada setiap komentar.silahkan sobat ganti gambar nya sesuai selara dan keinginan sobat.bisa dibuat sendiri lo kl bisa..kwkkwww
2. width: 50px; height: 48px; : merupakan ukuran gambar, silahkan anda sesuaikan dengan keperluan.
3. color: gray : warna angka penomoran pada setia lomentar, silahkan anda ganti dengan warna pilihan anda.

Selamat Mencoba dan semoga berhasil, masih belum berhasil??/silahkan tinggalkan balasan di kota komentar di bawah ini