Friday, 22 June 2012

How to Display a Comment Link with Post Title in Blogger

It is not a worst case scenario, that hiding post footer from your homepage when you feel it's bothersome and taking a lot of space from homepage. So you will show only snippet of post and leave a link to actual post page using jump breaks. But with the hidden post footer, you will
hide most details from homepage which are relevant to the particular post such as published date and time, author name, related labels/categories, number of comments etc. Now you already know How to Display Post Author, Date/Time and Labels. But do you know how to show off number of comments with the link to related post comments?

Now you can show off number of comments on your post header or just only your homepage just in a few steps. So neither you have to suffer being unable to show off your comment popularity on homepage or discourage readers without showing off how popular your posts are and how much readers interested in your posts to comment on them. Would like to try out? Let's find out how to.

Steps:

1. Go to Blogger Dashboard.

2. Click on your Blog Title.

3. Now navigate to Template tab.

4. Click on Edit HTML button.

5. Click Proceed button to continue.

6. Tick on, Expand Widget Templates.

7. All you have to do is copy and paste following code snippet to your post header to display comment link. Before place it on header, let's find out what changes you can do for this snippet to take most out of it.

<b:if cond='data:blog.pageType == "index"'>
<span style='font-family:verdana;font-size:2'>
<a expr:href='data:post.url + "#comments"' style='float:right'>
<b:if cond='data:post.numComments == 1'>1 <data:commentLabel/><b:else/>
<data:post.numComments/> <data:commentLabelPlural/>
</b:if>
</a>
</span>
</b:if>

1 comments:

Your Comment Posted After Approved.