Thursday, 9 May 2013

How to Add - Comment Count bubble on Blogger?

Posted by Arun Kumar Choppara On 16:34 | 4 comments
The posts with the comment count bubbles make the blog look beautiful and user friendly. Also the comment count makes the visitors stay long on the blog as the posts look interesting. Also the comment count bubble will straight away provide the popularity of blogger posts which will help visitors to identify the popular posts on the blog. The visitors can look for most popular posts on the blog based upon the comment count. 

The blogs that are user friendly with attractive features will always be a step ahead in attracting visitors to the blog though the same kind of information could be available at different sources on the internet. So adding more and more cool features to the blog always helps the blog in getting more traffic.

Let us see the process of adding Comment count bubble to blogger posts.

1. Go to Dashboard -> Template -> Edit HTML

2. Find for the below code from the blogger template HTML code

3. Add the below mentioned code just before ]]></b:skin>

NOTE: We can change the bubble image by changing the "background : url(image link location)" in the above code.

4. Find any one of the below codes in template HTML code.

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>


<b:if cond='data:post.title'>
      <h3 class='post-title entry-title' itemprop='name'>

5. Just after the code that we found in the above step, paste the below code.

NOTE: We can change the colour and size of the bubble image by changing the values mentioned above.
- #ffffff is the comment count font colour
- 18px is the comment count font size
- line-height: 48px - 48 should be the height of the bubble image used in class = comment-bubble (such that the comment count value will be at the center of the bubble image).

6. Save the template and view blog to see the changes.

Now the blog should have updated and a comment count bubble should be displayed against each blogger post.

Examples of the bubbles that can be used on blogger

If you like the post, take a couple of minutes to comment and share.
Your comments are most valuable and would help me come up with better posts.


  1. Comment count bubble improves not only your comments count but also allows your visitors to see what are the most popular posts on your blog.
    website design

  2. really nice one i use it on my blog its look superb

  3. Hi bro thanks for this great article i really like this post and i love your blog you;---------------> Zong free internet 2019 new trick 10000% Working <---------------

    ----jazz free internet 2019----

    ---Ufone free internet new code 2019--
    --Earn money easy daily 20$

    get free recharge on all sims
    --Earn free 100$ WITHOUT INVESTMENT click here

    How to Protect your articls on blogger

    Free TV on all sims 2019 100%working new method

    Free do follow backlinks 110+ genrate YOUR WEBSITE

    Top 15BEST Google Adsense Alternatives

    Top 15 Highest Paying Affiliate Programs Plaforms List



Founder & Author: Hi Friends, my name is Arun Kumar Choppara. I am a Software Engineer by profession and a passionate blogger. I have started blogging as a hobby and now addicted to it.
...Read More