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

21 setembro 2010

comentarios

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;

blog-de-teste

onde esta en vermelho é a URL da imagem vc pode trar ele por outra se voce quiser.

Mais depois voce tem que configuar o tamanhos no código

width:48px; height:48px; text-align:center; float:right; margin:5px 0 0 0; padding:5px 7px 0 5px;

 

aqui vou deixar um site muito bom para que voce posso baixar um balão já pronto!

0 comentários:

Postar um comentário

 
© Help Blog - Tutoriais e Dicas | Designed by Thailand Hotels, in collaboration with Tech Updates, Webdesign Erstellen and Premium Wordpress Themes