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

Vou ensinar a Colocar um balão de comentários ao lado do título da postagem, é uma boa maneira para os seus visitantes do Blog deixar os seus comentários nas postagem, ou então ler os outros comentários deixado pelas outras pessoas...

Vamos agora colocar a Balão com o números de comentários.


Primeiro para fazer essa alteração vá lá no seu Blog Desing> em editar HTML> lá você vai marcar a opção EXPANDIR MODELOS DE WINDGETS, e agora você vai procurar por esse Tag: <class='post-title entry-title'> ou <b:includable id='post' var='post'> dependendo do modelo do seu template você irão encontrar um desses tag...


Então logo depois do tag encontrado vocês coloque esse código:


<span class='post-comment-link-arriba' style='background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUZpEYhhVm90z9Vkoh2nuh6Hq3RuBC-iys-gHUCaH9bOV_799qZe9tQFTi0ul7oDctSBLFkYWxtFpjvbnSjMICvv9Bd9Mtlzs5-ATEENBo-SA3605yRtkk7GNwieABEgP7iv9yupc7-HI/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> 



Agora se vocês quiserem trocar a imagem do Balão de comentários por uma outra imagem da pra trocar, é só trocar a URL da imagem https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUZpEYhhVm90z9Vkoh2nuh6Hq3RuBC-iys-gHUCaH9bOV_799qZe9tQFTi0ul7oDctSBLFkYWxtFpjvbnSjMICvv9Bd9Mtlzs5-ATEENBo-SA3605yRtkk7GNwieABEgP7iv9yupc7-HI/s400/bubble.png pela URL da sua imagem.

Post Relacionados

Como colocar Balão com Número de Comentários ao Lado do Título da Postagem Unknown Rating: 5 sábado, 8 de dezembro de 2012

Nenhum comentário: