Add the number of comments in the title

Subject is clear from the title, Is to explain how to add the number

of comments in the title As in this Blog

Alawys before change any thing you should to take a backup of

your template.

Now go to " Edit HTML" click on "Expand Widget"

and look for this

]]></b:skin>

before it past this code :

.comment-bubble {

float : right;

width : 48px;

height : 48px;

background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPQ3JgzEwt6dprm0hvH2lSEiUzqrWROBus-FqFNunQmUBBSjKBTaoRzY2RuzVTFUwmggyIKh6FRlvBdw4bXJM-qAz96JmuIJmlX6UZDII3qbw-6TUw7ra12NZmcNIbkNleBWXfXDvMVI0/s1600/Comment+Bubble+%252815%2529.png) no-repeat;

font-size : 18px;

margin-top : -15px;

margin-right : 2px;

text-align : center;

position:absolute;

}

Now look for this lines :

<b:includable id='post' var='post'>

<div class='post hentry uncustomized-post-template'>

<a expr:name='data:post.id'/>

<b:if cond='data:post.title'>

<h3 class='post-title entry-title'>

just near the last line past this code

<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>

will be as this

<b:includable id='post' var='post'>

<b:if cond='data:post.title'>

<h3 class='post-title entry-title'><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>

<b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/>

Now before save template you can change the background picture

the default picture is

These are some models ready for use

just change the blue link in the first code with link of picture you want