Memberi Nomor Urut Pada Komentar

Pemirsa!
*ey
Gimana kabarnya?
*lho?
hehe maaf
kali ini saya akan share gimana cara memberikan nomor urut pada komentar blog
Gunanya apa?
gunanya untuk ngurutin punggungkomentar yang ada pada postingan~
aku udah nyoba tapi langsung aku hapus~... XD
ya udah... langsung aja da...

1. Masuk Mas Blogger (Kudu!!! XD)
2. Klik Rancangan lalu Edit HTML, tapi dibackup dulu y templatenya... XD
3. Klik Expand Template Widget
4. Cari Kode
   

   <dl id='comments-block'>

5. Trus Tambahin Kode yang warna UNGU. letakinnya tepat seperti kode yg dibawah ini
   

   
   <dl id='comments-block'>
   

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

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

   <div class='' expr:id='data:comment.id'>

   <dt class='comment-author' expr:id='"comment-" + data:comment.id'>
   <a expr:name='"comment-" + data:comment.id'/>
   <b:if cond='data:comment.authorUrl'>
   <a expr:href='data:comment.authorUrl' rel='nofollow'>
   <data:comment.author/>
   </a>
   <b:else/>
   <data:comment.author/>
   </b:if>
   <data:commentPostedByMsg/>
   

   <span class='nomor_komentar'>

   <a expr:href='"#comment-" + data:comment.id' title='Comment Link'>

   <script type='text/javascript'>

   CommentsCounter=CommentsCounter+1;

   document.write(CommentsCounter)

   </script>

   </a>

   </span>

   </dt>
   <dd class='comment-body'>
   .......
   </dd>
   

   </div>

   </b:loop>
   </dl>

6. Terus Masukin CSS ini di atas ]]></b:skin>
   

   .nomor_komentar {
   -moz-border-radius:10px;border: 1px solid #87CEEB;
   background: #ffffff;
   width: 20px;
   text-align: center;
   height: 20px;
   float: right;display: block;margin-right: 10px;
   margin-top: -15px;font-size: 15px;
   font-weight:normal;
   font-family: Arial, Tahoma, Verdana;}
   
   .nomor_komentar a:link, .numberingcomments a:visited {color: #3363d2 !important; text-decoration: none !important;}
   .nomor_komentar a:hover, .numberingcomments a:active {color: #ff6100 !important; text-decoration: none !important;
   }

7. css yang aku warnain ungu itu juga bisa diganti sesuai fungsinya~ XD
8. Save Template dan rasakan sensasinya~ XD

Nah.... Cuman Gitu aja kok
g gampang sulit kan?
XD

Hanya Catatan Mas Edo... XD