--> Add Auto Comment Count Below Post Titles in Blogger | Experience Lab - Online business creation and development guide for bloggers and startups

Add Auto Comment Count Below Post Titles in Blogger

Comment bubbles or comment links are often added to blogger templates to let readers now how popular a post is and what kind of hot discussi...

auto-comment-countComment bubbles or comment links are often added to blogger templates to let readers now how popular a post is and what kind of hot discussion is going on. I am sure almost every template has this feature by default but with a incorrectly programmed code. If you observe carefully the comment count links under each of my post titles follow a order. When there are no comments posted the link says “Be the First to comment!” and when there is just one comment it says “1 comment so far” and when the comments are more than one then it says “x comments so far” . This makes things beautiful and professional. Most of the comment count links on blogger templates just show the same text irrespective of the number of comments posted. You must make sure you encourage readers to post their views by using different variations of bubble texts. Lets add this automatically working comment link just below post titles along with a comment bubble.

 

How To Add Automatic Comment Count Link

  1. Go To BLogger > Design > Edit HTML
  2. Backup your template
  3. Click the Expand Widgets Template box
  4. Search for this,

<div class='post-header-line-1'>

If you could not find it then search for this code instead,

<data:post.title/>
        </b:if>
     </b:if>
      </h2>
    </b:if>

 

and just below anyone of them paste the code below,

<span class='post-comment-link' style='Float:right;'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <b:if cond='data:post.allowComments'>
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjryWwUIZK642Smf7qm34CZukzMVAubnRtcJ1czlx7CiSVlvhyb17LwgRUVhOOP6YIwfPkMHYnK3b4jmf9GZRrjBJ780U_IvVpIo6TO_14f6-7Qsw73QQ1xBTEXqpGZEqsE8FWbgKuDCNhq/s400/icon_comments.png) no-repeat;Padding-left:20px;'><b:if cond='data:post.numComments == 0'>Be the first to comment!<b:else/> <b:if cond='data:post.numComments == 1'><data:post.numComments/> Comment so far<b:else/><data:post.numComments/> Comments so far</b:if> </b:if></a>
          </b:if>
        </b:if>
      </span>

 

 

You can replace the bolded text with anything you like or you can simply keep it as it is. If you wish to change the comment bubble image with one of yours then simply change the highlighted yellow image link with your bubble image link.

 

     5. Save your template and view your blog to see it in action.

The link will appear only on homepages. If you wish the link to appear even on post pages then simply delete the purple text. Have Fun! :>

COMMENTS

Name

Affiliate Marketing,12,Announcement,34,Bing,9,Bitcoin,38,blog,7,Blogger Resources,42,Blogger Templates,4,blogger tricks,156,Blogging ethics,70,Blogging tips,198,Bugs and Errors,34,Business,9,Copyright Violation,9,CSS and HTMLTricks,95,Designs,8,drop down menu,7,eBook,12,Email Marketing,7,Events,30,Facebook,30,Facebook tricks,49,Google,157,Google AdSense,42,Google Analytics,7,Google Plus,51,Google Plus Tricks,38,Guest Posts,112,home,2,How To,77,Internet,1,JSON Feeds,25,Kitchen Recipes,2,Label Based Sitemap Themes,1,Make Money Online,108,Marketing,16,MBT Blogger Templates,7,Menus,1,News,146,Pages,1,Posts,10,presentations,15,Responsive,10,Reviews,7,SEO,307,Settings,6,Shortcode,15,Sitemap Themes,1,Social Media,155,Technology,7,Templates,1,Tips,2,Tools,1,Traffic Tips,80,Video,19,Web Designing,62,web hosting,18,Webmaster Tools,97,Widgets,199,wordpress,26,
ltr
item
Experience Lab - Online business creation and development guide for bloggers and startups: Add Auto Comment Count Below Post Titles in Blogger
Add Auto Comment Count Below Post Titles in Blogger
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_z6A2-Ib6ksUvJdIj-mgj1yqKKkj4yP1Y1Or5AJSSR9qIcqHiHVgGT_zyMExd_TZtQdONuQwtxL7CYAS7cYgoWKG_4DlbbbKWjMgMFMbjYa34m3wmz1nV7twg2Bpqb4rzOLAySgUAxLE/?imgmax=800
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_z6A2-Ib6ksUvJdIj-mgj1yqKKkj4yP1Y1Or5AJSSR9qIcqHiHVgGT_zyMExd_TZtQdONuQwtxL7CYAS7cYgoWKG_4DlbbbKWjMgMFMbjYa34m3wmz1nV7twg2Bpqb4rzOLAySgUAxLE/s72-c/?imgmax=800
Experience Lab - Online business creation and development guide for bloggers and startups
https://www.experiencelab.info/2011/08/add-auto-comment-count-below-post.html
https://www.experiencelab.info/
https://www.experiencelab.info/
https://www.experiencelab.info/2011/08/add-auto-comment-count-below-post.html
true
2959477579779989044
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy