Home » » Menambahkan No Urut Komentar Pada Blog

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://lh5.googleusercontent.com/-0L7o3f03xl0/TX9SPWJAueI/AAAAAAAAAV8/8eRHZvB-Hs4/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
Share
Related Post

0 comments:

Archives

Label


ShoutMix chat widget
Guest Book
 

Subscribe Via Email

Enter your email address:

Delivered by FeedBurner

My Blog

Show

Exploration


Show

[Valid Atom 1.0]
Google PageRank Checker Powered by  MyPagerank.Net

Powered by FeedBurner

SEO Stats powered by MyPagerank.Net

Show

Show

Exploration

Welcome To My Blog

I hope you find what you're looking for here . . Thank you for visit to my simple blog . .

Rizky Maulana

This life is a sacrifice and struggle . . and I am just a man who wants to be better than ever . .