New blogger add bubble comment box in your blog now

Now i have new tricks that how can i add bubble comment in all blog post like my blog on www.sohailjawaid.blogspot.com, this is best widget for your blog or website, learn how to add this widget on your blog. this widget display how many comment on this post . so add this on your blog.
Follow simple step to add bubble comment box on your blogger.

* Go to on your blogger Dashboard.
* Now click on Design menu.
* Edit html page of your blog.
* Expand your blogger template .
*Now find this code ]]></b:skin> with ctrl+f .
* Copy below code and paste it just before  ]]></b:skin>

.comment-bubble {
float : right;
width : 48px;
height : 48px;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg566RFk7mUK505eE3jCUIdaVjCivaSW_BgyKuybB_WRqwTuB6bUpK60LP2rVPgbJSUMaf-JWWPi30uST3UMB8EUi3oktKPwp1QmtpCVeIEmhdS-_6DgLyfGDhmRHiA6UmWYmcyhkJQWgxe/s1600/Comment+Bubble+(18).png) no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
position:float;
}

*After above step find this code  <b:if cond='data:post.link'>
* Now copy below code and paste just before this code <b:if cond='data:post.link'>

<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 html template . Your are done..........