Cara Membuat Nomer Urut di Setiap Komentar

hey gan ! saya kurniawan rizky akan bagi bagi ilmu blogger lagi nih, cara memasang nomer urut , kaya gimana sih? nih screen shot nya : 

Live Demo Disini
gimana bro? bagus tak? kalau mau seperti itu cekidot ini dia tutor nya
pertama : login ke blogger kamu, rancangan , edit html , expand template widget
 Sekarang cari (CTRL + F) kode ini di template:
<b:loop values='data:post.comments' var='comment'>
taroh kode di bawah ini sbelum kode tadi : 
<script type='text/javascript'>var CommentsCounter=0;</script> <!--COMM-NUM-STARTS-->
lalu cari kode ini : 
<data:commentPostedByMsg/>
taroh kode di bawah ini setelah kode tadi: 
<!--COMM-NUM-STARTS-->
<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>
<!--COMMNUM-STOPS-->
lalu simpan template 
et blom selesai, lagi edit html skarang cari kode :
</head>
taroh kode ini sblum kode </head> :
<!--COMM-NUM-STARTS-->
<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>
<!--COMM-NUM-STOPS-http://bloggerstop.net-->
lalu simpan template, smoga berhasil :D

Related Post: