Add a Cool Comment Count Bubble to Blogger Post Title

Well this is a Cool Comment Count bubble.it is Simply Awesome.Having a Comment count bubble to each Blogger posts Allows Our Blog Visitors to Know How many Are Responded to the Post.This Improves Our Comments and Also adds Beauty to our Blog.it also allows our visitors to know what is the popular posts on our Blog.So let's Start Adding this Cool Widget.Follow the Below Steps:.

How to add a Comment Count Bubble to Blog Posts:.

First Go to Your Dashboard < Edit Html 

Check Expand Widget Templates Button.

Now Find for the  of Code. ]]></b:skin>

So Place this Below Piece of Code Just Above ]]></b:skin>

.comment-bubble {
float : right;
width : 48px;
height : 48px;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_kiGnDUjAD-LIq11UMHMUGAEYga1Si7pLGKM9AAgaaWNFSFCkYQgJurPQeScxP8PyGrLHoSDRBLyiGZwb_MhAHhXH44eZJHGuO8mZmZ-4eT6MNvV6B-dpGE_hohN6a3vm9LUseM3JuOkd/s1600/speech+bubble+green.png);
background-repeat: no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
}

Here You Can Add Any images You Want.Just Replace the Url Above with the URl of Your Desired Image.

 Now find the below code

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

 If you can't find it search for this code instead:

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

 Add this code immediately after/Below it:

<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>

Now Save Your Template.That's it Now You're Done!

That's it Enjoy!