Menambahkan No Urut komentar pada blog
- Log in blogger
- Masuk ke menu Rancangan, Edit Html,
- Centang Menu Expand Template Widget
- 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/AVvXsEgjlJSEfL_OWp0DowTg6zvFWFqGJbqY8SZwAqReoJ0QAn4edCOzFwgHfwxqZwRSHL08UqvxkYwdADRlvwVhfjcO8zCWY9WTChrHDFA06qJ9qrWD5fFJogBuUh3XOpTxA3E_ucwQO-WB_b8/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;
}
Comment Numbering
---------------------------------- */
.numberingcomments a:link, .numberingcomments a:visited {
color: white !important;
text-decoration: none !important;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjlJSEfL_OWp0DowTg6zvFWFqGJbqY8SZwAqReoJ0QAn4edCOzFwgHfwxqZwRSHL08UqvxkYwdADRlvwVhfjcO8zCWY9WTChrHDFA06qJ9qrWD5fFJogBuUh3XOpTxA3E_ucwQO-WB_b8/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;
}
karena memang banyak cara yang yang saya baca di artikel2 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='"comment-author " + 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 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='"comment-author " + 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 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'>
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>
Selamat mencob kawan.... silahkan pilih mana yang sesuai,, dan jangan pantang menyerah... he.. saya tunggu kabar baiknya, trimakasih...
Show
0 Comments
prev
next
