Menambahkan Nomor Urut Pada Komentar

Menambahkan nomor urut pada komentar, bagi yang senang dengan hal-hal yang berbeda atau tidak suka denga hal-hal yang default, memasang penomoran dalam komentar adalah salah satunya.

Secara default script komentar blogger tidak mencantumkan nomor urut komentar, untuk menambahkan nomor urut tersebut kita bisa menambahkan script tambahan, sebagai ilustrasi tampilan nomor urut komentar tersebut seperti gambar di bawah ini :

Bagaimana cara memasanganya dan dimana?

1. masuk ke akun Blogger kalian
2. Piilih menu Design atau Rancangan - Edit HTML
3. Ceklist Expand Widget template (sebelum melakukan penambahan atau pengurangan script, sebaiknya template dibackup dulu dengan Download full template)
4. Cari kode ]]></b:skin>
5. Letakan Script dibawah ini diatas kode ]]></b:skin>

.Nomorkomentar{

float: right;

display: block;

width: 50px;

margin-right: 5px;

margin-top: -35px;

text-align: right;

font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;

font-size: 30px;font-weight: normal;

}

.Nomorkomentar a:link, .masdalangNomorkomentar a:visited {color: #445566 !important; text-decoration: none !important;}

.Nomorkomentar a:hover, .masdalangNomorkomentar a:active {color: #FF9933 !important; text-decoration: none !important;}

kemudian cari kode <dl id='comments-block'> atau <dl expr:class='data:post.avatarIndentClass' id='comments-block'> karena biasanya setiap template berbeda, kemudian sisipkan kode yang berwarna biru  diantara kode tadi, tepatnya seperti 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='Nomorkomentar'><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>

bila tidak ketemu script diatas, coba yang ini

<dl expr:class='data:post.avatarIndentClass' 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 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/>

<span class='Nomorkomentar'><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 expr:class='&quot;comment-body &quot; + data:comment.commentAuthorClass' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>

<b:if cond='data:comment.isDeleted'>

<span class='deleted-comment'><data:comment.body/></span>

<b:else/>

<p>

<data:comment.body/>

<span class='interaction-iframe-guide'/>

</p>

</b:if>

</dd>

</div>

Semoga tampilan komentar kalian menjadi lebih baik.

Semoga bermanfaat,