Hi bloggy readers,
In the default template provided by Blogger service, you can set the comment counter to be shown or not in your blog, via Page Element > Blog Post > Edit. If you decide to show how many comments in your blog post using the comment counter, then it will appear usually only in the homepage, not in the article pages. Whereas, in the article pages, we will also need to inform the readers regarding the sum of comments that have been made in those articles. So that's why, in this article, i want to show you how to place the comment counter in wherever place that suits you well, especially in the article pages.
Now take a look at the picture below!
In the red scratch area in that picture, that is the comment counter that i am talking about.
1. Log in to Blogger
Firstly, now visit http://www.blogger.com and log in to your account.
2. Go to Edit HTML
In the Dashboard page, pick your blog and go to Layout/Design > Page Element > Edit HTML.
As usual, before attempting to edit your blog template, it would be great if you can save your current template to make sure that you can revert the template back to normal again if you did something wrong with your template. Now press the link "Download Full Template".
3. Give a tick at the Expand Template widget box.
In the Edit HTML Page, there is one small box called Expand Widget Template next to it, now press that small box.
4. Find the code
As the Blogger machine generates you the full template code of your blog template, now you will be able to edit the widget code of your blog. Now copy the comment counter code below:
<h4>
<b:if cond='data:post.numComments == 1'> 1 <data:commentLabel/>: <b:else/>
<data:post.numComments/> <data:commentLabelPlural/>: </b:if>
</h4>
As you can see in that code above, all the code that being wrapped up inside the h4 opening and closing /h4 tag codes indicates the code that controls the comment counter element in our blog. <b:if cond='data:post.numComments == 1'> 1 <data:commentLabel/>: <b:else/>
<data:post.numComments/> <data:commentLabelPlural/>: </b:if>
</h4>
5. Find the code
In order to install the new comment counter on the top position of your post, you must firstly locate the code section that indicates the location of your post title, because we are gonna install the comment counter widget around the post title. Now press CTRL + F and find the code below:
<div class='title'>
6 . Paste the new comment counter code
After locating the code section on number 5, no paste the comment counter on number 4 above after the code section <div class='title'>. See the example below!
<div class='title'>
<h4> <b:if cond='data:post.numComments == 1'> 1 <data:commentLabel/>: <b:else/>
<data:post.numComments/> <data:commentLabelPlural/>: </b:if>
</h4>
7. Save the Change
After putting the h4 tag code into the blog template, now you can save the current change by pressing the Save Template button.
As you can see in your blog, every time you go to one of the article pages, you will see that the comment counter has been successfully installed on your blog. Okay, that's it for now. So, do you have any question? Is it working on your blog? Just leave your comment here and see if i can help you with your problem.
Good luck bloggy!
Share This Article to Other People Across the World !
Thanks!
Get the fresh update from Whatmakesblog.com!
To get updates from this blog, just enter your email address in the below subscription form and then click Subscribe.
Your email address will not be shared to any third party
Delivered by FeedBurner
0 comments:
Post a Comment