Comments Label below Post Title

We wrote about how you can move the Labels to the top of the post so that Technorati can index the Labels as tags for those people who do not have full post feeds. In addition, users have asked whether they can show the number of comments at the top of the posts instead of the footer. In this tutorial, you will learn how to move the comment count link to the top, below the post title. We can even have the comments link appear at both the top and bottom of the post.

Before modifying the template, backup a copy of the existing template. Go to Template -> Edit HTML and save the template by clicking the “Download Full Template” link.

Next, tick the box against “Expand Widget Templates”.

Scroll to these lines:-

<span class='post-comment-link'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:post.allowComments'> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a> </b:if> </b:if> </span>

Cut the above code from the template if you do not want the comment count at the bottom of the posts. Copy the code should you want the comment label at both places – top and bottom of the posts.

Paste the code at this place:-

<div class='post-header-line-1'/> <div class='post-footer'> <span class='post-comment-link'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:post.allowComments'> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a> </b:if> </b:if> </span></div>

We have added the code (shown in blue) so that the comments label will follow the styles set for the footer.

The result is a comments label and comments link just below the Post Title like this:-



© Tricks for New Bloggers