Balão com números de comentários do lado do post

Vomos aprender a como colocar um balão de comentários do lado do post (igual no Help Blogs), então vamos lá.

Antes de tudo baixe o modelo completo do seu template por se acontece algo de errada.

Para colocar o balão de comentários é só um código muito simples mais primeiro você deve encontrar em trecho lá no seu template coloca “Expandir modelos de widgetss” e procura por;

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

Logo em baixo cole o seguinte código.

<span class='post-comment-link-arriba' style='font-size:24px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWOam7rpDBo1bYHmqFp08Zaj1Vk974bQLbUYUHqPLhYi6lDFno9XwpyiYpSDWD4_yvtEaeUtx3Vd8dhJYKbV0Lt7icP5QEmaSfCXW0x58trjsS3mKVNucpYzly09kzUhsdHA9vKuNl51s/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>

Visualize e veja se nao correu nem um erro e salve.

Tem que ficar mais ou menos assim;