Tutoriais - Balão de Comentarios

Fonte: http://www.efetivadesignerr.blogspot.com Clique Na Postagem Para Melhor Visualização

Eaw pessoal blz ... Hoje vou ensinar vocês a Como Colocar Balão De Comentários , é bem fácil!!

1° Blogger >> Design >> Editar HTML
2° Clique em Expandir Modelo de Widgets Aperte CTRL + F e procure por

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

3° Embaixo do código cole esse código :

<span class='post-comment-link-arriba' style='background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJHjT0TygRm-ZZLov0J7hDSzYdH5LKny-3q8Ef3F8U95zTtBalrqvl1TCSbmUOwu2ac1J7xpF91cGY-o-W4oFHne8K_R3TUlso7LldClJNfgnuYhWEA80nJtDn2kolLMcVWDHFbE-XGLs/s400/bubble.png) no-repeat top right; width:48px; height:48px; text-align:center; float:right;padding-top:8px'>
<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>


Pronto , Visualize e veja se deu tudo certo !!


Se quiser mudar o alguma coisa do balão é fácil ...


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJHjT0TygRm-ZZLov0J7hDSzYdH5LKny-3q8Ef3F8U95zTtBalrqvl1TCSbmUOwu2ac1J7xpF91cGY-o-W4oFHne8K_R3TUlso7LldClJNfgnuYhWEA80nJtDn2kolLMcVWDHFbE-XGLs/s400/bubble.png 
Esse é o background do balão , procure no google e hospede algum se quiser modificar troque por o link acima !!


Os valores width:48px; height:48px é o tamanho da imagem , mude de acordo com a nova que você vai usar 


Para posicionar o balão como você quiser você deve mudar o padding-top:8px o 8 é oque você muda !