Balão com Número de Comentários ao Lado do Título da Postagem

Um jeito de conseguir mais comentários no seu blog é mostrar o numero de comentários dentro de um balão ou alguma outra imagem no começo da postagem.Isso pode ser uma maneira de incentivar os visitantes a deixarem seu comentário.

Vamos ao tutorial:
1-Vá na aba design do seu blog e clique em ''Editar HTML''
2-Marque a opção ''Expandir modelo dos widgets''
3-Aperte Crtl+F e procure por:

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

ou 

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

• Dependendo do modelo do seu template poderá variar.

4-Depois do <class='post-title entry-title'> ou <b:includable id='post' var='post'> cole o seguinte codigo:

<span class='post-comment-link-arriba' style='font-size:24px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6hdqAD5bCTy6UrQmfBSEMuphx_NpTXQZfHAGhbckHdDH8d1ChHxuWaUsPzHgPl60bL3we1aPR_gDwLHpu5DZIG7HCIXfZ785AeuWeEa66PIfV2S72_OyNpPL2IOlaJA6mPpZy8lDOX2g/s400/bubble.png) no-repeat top right; width:48px; height:48px; text-align:center; float:right; margin:5px 0 0 0; padding:5px 7px 0 5px;'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/></b:if></a>
</b:if>
</span>

• O link em vermelho é a imagem do balão de comentário,que poderá ser substituído

   ps:Se for mudar a imagem ,terá também que mudar o ''padding''

Aperte Ctrl+Fe procure por:

style='font-size:24px;

• 24px é o tamanho do número dentro do balão. Altere a seu gosto. 

5-E pronto!
Veja como ficou meu blog de testes: