Comment number series
Comment number series
Titokun will now try to give an explanation about how the numbers on the Sort Comments. In addition to our blog to be quite interesting, numbering comment on this ease in reading our comments.
Stages of making way,
* Login in BLOGGER
* Click the layout or layout
* Select the expand widget template
* backup data before the code was changed.
* Search code below and add the bold printed only
<b:includable id=’comments’ var=’post’>
……..
<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/> <!– You may, as not, have this line.
If it doesn’t appear, it doesn’t matter –><span class=’numberingcomments’>
<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>
Now add the CSS code below, located above ]]></ b: skin>:
.numberingcomments{
float: right;
display: block;
width: 50px;
margin-right: 5px;
margin-top: -35px; /*comments-counter position*/
text-align: right;
font-family: ‘Century Gothic’,’Lucida Grande’,Arial,Helvetica,Sans-Serif;
font-size: 30px;
font-weight: normal;
}
Continue to make the color ordinal number, because this number is a link.
.numberingcomments a:link, .numberingcomments a:visited {color: #cccfff !important; text-decoration: none !important;}
.numberingcomments a:hover, .numberingcomments a:active {color: #aabbcc !important; text-decoration: none !important;}
Now try
—————————————————————————————-
NegeriAds.com Solusi Berpromosi bagi anda yang benar ingin sukses dalam dunia marketing, terutama bisnis online. Dukung Titokun dalam mengikuti kontes SEO NegeriAds.com.
Comments
Let's Discuss...
want to show picture on your comment, get a gravatar!