Hi teman2 gimana kabarnya hari ini! so find alright? ya syukur deh pada sehat wal afiat semua. Syukur alhamdulillah, saya juga sehat, dan yang sekarang masih sakit semoga lekas sembuh. Kembali lagi ke Blog Tito-KUN Setelah postingan kemarin berjudul kode adsense tampil dalam satu halaman dengan publisher berbeda-beda, Kini cak to akan coba memberikan penjelasan tentang cara pemberian nomer Urut pada Komentar. Selain Blog kita menjadi agak menarik, penomeran pada komentar ini memudah kan kita dalam pembacaan komentar.

Tahap-tahap cara pembuatannya, ok seperti biasa

• Login di BLOGGER

• Klik Layout atau tata letak

• Pilih expand widget template

• backup data dulu sebelum dirubah kodenya.

• Cari Kode dibawah ini dan tambahkan Yang bercetak tebal aja

<b:includable id='comments' var='post'>

........

<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/> <!-- You may, as not, have this line.
If it doesn't appear, it doesn't matter -->

<span class='numberingcomments'>
<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>

• Sekarang tambahkan Kode CSS Dibawah ini, letaknya diatas ]]></b:skin>:

.numberingcomments{
float: right;
display: block;
width: 50px;
margin-right: 5px;
margin-top: -35px; /*comments-counter position*/
text-align: right;
font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;
font-size: 30px;
font-weight: normal;
}

• Terus pengaturan warna buat nomer urutnya, karena nomer ini merupakan sebuah link.

.numberingcomments a:link, .numberingcomments a:visited {color: #cccfff !important; text-decoration: none !important;}
.numberingcomments a:hover, .numberingcomments a:active {color: #aabbcc !important; text-decoration: none !important;}

sekian dulu dari saya. Artikel ini juga bisa anda dapatkan Disini tapi bahasa inggris.
Good luck dan selamat mengerjakan