Menambahkan No Urut komentar pada blog

1. Log in blogger
2. Masuk ke menu Rancangan, Edit Html,
3. Centang Menu Expand Template Widget
4. Simpan kode berikut Diatas kode ]]></b:skin> :

/* ---------------
Comment Numbering
---------------------------------- */
.numberingcomments a:link, .numberingcomments a:visited {
color: white !important;
text-decoration: none !important;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicNudxEqlpf9bShISZvjVgCGxpLyONDMDFcmx8lH8SHNzC1dj63IKQuAh0cgOd7aYp6WTZLForrOV7w4yZ8I6NiEPo4JQH48A2OzEtbbQ9jftXQ9q54n3XAOEGcDi_ARsjAdYtxvgt9DI/s1600/CloudNumb.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;
}

.numberingcomments a:hover, .numberingcomments a:active {
color: gray !important;
text-decoration: none !important;
}

•  

 Cara Pertama:


<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
Simpan kode ini di bawah kode diatas
        <script type='text/javascript'>var CommentsCounter=0;</script>
          <b:loop values='data:post.comments' var='comment'>
            <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
              <b:if cond='data:comment.favicon'>
                <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
              </b:if>
              <a expr:name='data:comment.anchorName'/>
              <b:if cond='data:blog.enabledCommentProfileImages'>
                <data:comment.authorAvatarImage/>
              </b:if>
              <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/>
simpan kode ini dibawah kode diatas
              <span class='numberingcomments' style='float: right; font-size: 18px;'>
<a expr:href='data:comment.url' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>
            </dt> 

• Simpan template..

  Cara Kedua :

<dl id='comments-block'>
Simpan kode ini dibawah kode diatas
<script type='text/javascript'>var CommentsCounter=0;</script>
 
<b:loop values='data:post.comments' var='comment'>
<dt style='clear: both;' 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/>
Simpan kode ini di bawah kode diatas
<span class='numberingcomments' style='float: right; font-size: 18px;'>
<a expr:href='data:comment.url' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>

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

• Simpan template..............

  Cara Ketiga :

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

Simpan kode ini dibawah kode di atas

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

kemudian cari kode:

<data:commentPostedByMsg/>

Simpan kode ini dibawah kode di atas

<span class='numberingcomments'>

<a expr:href='data:comment.url' title='Comment Link'>

<script type='text/javascript'>

CommentsCounter=CommentsCounter+1;

document.write(CommentsCounter)

</script>

</a>

</span>

• Simpan template............
  
  Selamat mencob kawan.... silahkan pilih mana yang sesuai,, dan jangan pantang menyerah...  he.. saya tunggu kabar baiknya, trimakasih.....