.

26 maio 2012

Colocando imagem personalizada com número de comentários

Todos já perceberam o balãozinho bem do lado  do titulo da postagem com número dos comentários não é mesmo ?
E algumas pessoas me perguntaram: Como se coloca esses balõezinhos ?
Aqui está a resposta:

Vá em HTML e procure por:  <class='post-title entry-title'>
Se não tiver procure por:  <b:includable id='post' var='post'>

EMBAIXO do código destacado em laranja, cole:


<span class='post-comment-link-arriba' style='background: url(http://2.bp.blogspot.com/-v1Y8-rmWAkY/T8D2h1zxmeI/AAAAAAAABmQ/YehuAk9fxZY/s1600/pronto.png) 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>


O que está escrito em azul é o URL da imagem que você quer que apareça.
O vermelho é largura da imagem e o azul escuro é a altura
O  rosa corresponde ao numero que fica dentro do balão portanto altere esse valor até o numero de comentários ficarem na posição correta, lembre-se esse código muda a posição no sentido vertical (para cima e para baixo)




Quer imagens pra pôr?

Lembrando que as imagens não foram feitas por mim, foi pela Jackie do blog: Jackie Dream

10 comentários:

  1. Ótimo tutorial,eu já usei no meu blog quando ele era mais novo.
    http://i-teenbr.net.tc

    ResponderExcluir
  2. Ah eu não sei nem por
    Mas a minha amiga que arruma,pqe não sou nem um pouco fã de html,só ela mesmo,pqe eu estou interresada em por

    Bjs
    wwww.livrosegostos.blogspot.com

    ResponderExcluir
  3. Ótimo tutorial, acho estes botõezinhos muito importantes, pois as pessoas acabarão comentando, pois acharão bonitinhos *-* Já até tenho lá no blog. Beijos, www.thingsofadreamer.blogspot.com

    ResponderExcluir
  4. É claro que aceito afiliação flor *-* Ah, não esquece de votar lá na enquete, ok? Beijos, www.thingsofadreamer.blogspot.com

    ResponderExcluir
  5. oi , oi , tudo bom ? Muito bom esse seu tutorial =D
    Já sigo seu encantador blog =] '
    Se tiver tempo , de uma visitinha lá no meu blog =] '
    Big bgs ♥
    Diário de uma Garota.

    ResponderExcluir
  6. estou fazendo uma elite de afiliados... quando tiver pronto, você pode dar uma passadinha no meu blog? Se tiver tempo!
    Beijinhos!

    garotas-cupcakes.blogspot.com

    ResponderExcluir
  7. amei a dica, com certeza vou usar!

    ResponderExcluir
  8. quer ser minha afiliada?

    Beijinhos!

    garotas-cupcakes.blogspot.com

    ResponderExcluir
  9. Otimo tutorial , usei no meu blog!

    www.garotadeestilo.tk

    ResponderExcluir

Queremos muito saber sua opinião, comente e diga o que você achou!