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/AVvXsEjbcgFDi1k0_4sBbT-G27_Bq9WROIwJOYIPTlz6-IWnkHI6SmJKp96WyqKDbdjOBVh2HJ5NWzSviddzHAIJv0E-mo9hk7ZnwvUmlEHyqs4ghOFPWXmYyBcppGhSgaIE2Gh_gQHs37v4Xtw/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;
}

NB: Karena memang banyak cara yang yang saya baca di artikel - artikel  blog lain tentang cara memberi no urut komentar, dan memang karena template blogger yang berbeda-beda, jadi silahkan dicoba sesuai template kawan atau yang ada persamaan.

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> 

Save

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

 Save

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>

Save

NB: Sesuaikan dengan template anda masing masing

Related Post