Balões Personalizados com o número de comentários

16 de jan de 2013

Olá queridos vim ensinar como Por balões com o número de comentários ai na postagem do blog....



no seu HTML marque a opção expandir modelos de widgets  pressione as teclas CTRL F e pesquise por:                        <class='post-title entry-title'>  
Se não encontrar pesquise por:     <b:includable id='post' var='post'>    

 Então coloque esse código logo abaixo, do código destacado (de laranja)

<span class='post-comment-link-arriba' style='background: url(http://i.imgur.com/lfGb2.jpg) no-repeat top right; width:90pxheight:80px; text-align:center; float:right;padding-top:19px'>
<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>

Ficando assim: 








Alguns trechos editaveis e como trocar a imagem do balão                 
 Trocar a imagem do balão no trecho: (http://i.imgur.com/lfGb2.jpgapague e coloque a URL da imagem desejada (só apague onde está grifado de azul)
Veja algumas imagens
                





2 comentários :

Dani Kaulitz disse...

Oi Linda,ótimo post! Mas queria dizer que algumas desses balões de comentários são de minha autoria..você pode creditar? Beijos e obrigada.
Post que eu fiz: http://quemprecisadetvparaverbeyonce.blogspot.com.br/2012/12/htmlcolocando-balaozinho-com-o-numero.html

Thamiris Lara disse...

Creditados,e obg por avisar....bjs

Postar um comentário

Seu Comentários é sempre bem vindo!
Comente,opine,se expresse! Este espaço é seu!
Comentar faz parte,então por favor deixem comentários

-Todos os comentários são moderados e só ficarão disponíveis ao serem aprovados
-A área de comentários não é casa da mãe Joana,então tenha respeito.Não use palavrões,nem insultos,ofensas,agressões e baixarias;
-Não serão aceitos comentários Anônimos,comentários repetidos,e que tenham qualquer material publicitários ou de merchandising pessoal ou de benefício de terceiros
-Contatos pessoais devem ser feitos na pagina de contato.
-Não deixe links desnecessários os comentários

AVISOS:

--Blog não é Chat,respeitadas as regras ,é livre o debate dos assuntos aqui postados,Que o espaço de comentários não sirva para bate papo sobre assuntos de caráter pessoal ou estranhos ao blog
--A tentativa de clonar nomes e apelidos de outros usuários para emitir opiniões em nome de terceiros configura crime de falsidade ideológica.

Espero que tenham gostado do blog e que volte sempre!