sexta-feira, 27 de janeiro de 2012

Como Colocar o Número de Comentários em um Balão


Vocês votaram, o resultado da enquete saiu e aqui está o Tutorial.
Acho lindo o número de comentário dentro de um balão, e achei esse tutorial bem simples que ensina como fazer e então resolvi compartilhar para quem quiser usar também.

Primeiro passo: Vá em editar HTML e marque a opção expandir modelos de widgets, de um Ctrl+F e procure pela seguinte tag:  <b:includable id='post' var='post'>

Segundo passo: Abaixo desse código cole esse aqui:


 <span class='post-comment-link-arriba' style='font-size:24px; background: url(http://2.bp.blogspot.com/_qgZA1ny_dAs/TAMD0pviQsI/AAAAAAAAEQE/wIJ6xT5MjFA/s400/bubble.png) no-repeat top right; width:85px; height:81px; 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>

 Terceiro Passo: Onde estiver em negrito você substitui pelo link da imagem do balão.

Não se esqueça de visualizar para ver se está tudo certo e de salvar.

E então o que acharam do Tutorial? O que querem ver nos tutoriais? Me conta tudo.

Créditos: Crazy in Html

23 comentários:

  1. Que legal, essas dicas são ótimas para podermos melhorar nosso blogs!

    beijos
    Aline
    abconsultoriadeestilo.com.br

    ResponderExcluir
    Respostas
    1. Oi Aline que bom achou legal, com certeza ajuda a melhorar o blog. bjs

      Excluir
  2. Adorei as dicas flor
    são otimaas !!

    http://souzadiinha.blogspot.com/
    Beijoos :)

    ResponderExcluir
  3. Awn, eu ja amei demais esse tutorial haha, hj em dia nem ligo mais!!! :c

    Bjs,
    http://bnascimentooo.blogspot.com

    ResponderExcluir
    Respostas
    1. Oi Bruna é sempre assim as vezes amamos tanto uma coisa depois passa, rsrs. bjs

      Excluir
  4. Nunca tentei fazer no meu blog, mas talvez um dia eu faça :)
    Obrigada pelo comentário no meu blog!
    Já te coloquei nos meus afiliados!
    Bjs, RAquel.

    http://morethanaworld.blogspot.com/

    ResponderExcluir
    Respostas
    1. Oi Raquel quem sabe um dia né.
      Por nada, obrigada. bjs

      Excluir
  5. Olá!vc já está sabendo da reabertura do site Quicce? Nós estamos de volta e resolvemos chamar os melhores blogues para nos visitar e opinar no nosso novo espaço. Aproveito a visita para lhe convidar a participar da Promoção de reabertura do site Quicce! http://www.quicce.com Não perca! Aguardo sua visita.bj

    ResponderExcluir
    Respostas
    1. Olá, não estava sabendo, agora que já sei vou lá visitar. Nossa os melhores blogues, fico feliz por ser convidade. bjs

      Excluir
  6. Quando eu arrumar o layout novo do TR vou tentar fazer. Acho que fica fofo e bem arrumado!
    Bjsss
    http://blogtrashrock.blogspot.com/

    ResponderExcluir
    Respostas
    1. Oi Mah seria legal você tentar. Fica fofo mesmo. bjs

      Excluir
  7. Esse tutorial deixa o blog super fofinho , né ? HAHA

    http://evelynrestyles.blogspot.com/

    ResponderExcluir
  8. Nossa que legal seu tutorial!

    Beijos
    @girlteenvip
    http://girlteen-vip.blogspot.com

    ResponderExcluir
  9. Oii que bacana, gostei.

    bjs
    http://cosmeticosbelezasaude.blogspot.com/

    ResponderExcluir
    Respostas
    1. Oi Vilma que bom, fico feliz que gostou. bjs

      Excluir
  10. Ótimas dicas!
    Muito legal compartilhar esse tipo de tutorial com a gente :)

    beijinhos ;*

    http://noostillo.blogspot.com/

    ResponderExcluir
  11. Oi Raíssa, acho legal compartilhar tutoriais, sempre que achar algum legal trago para vocês. bjs

    ResponderExcluir
  12. foi um pouco complicado para ajudar, mas mudei os valores de ; width:85px; height:81px ate se alinhar , abraçosss

    ResponderExcluir
  13. Adorei o tuto...mas clicando no número dos comentários gostaria de ir direto para eles...será que é possível?
    Como faço para mudar a fonte?
    Super beijo!

    ResponderExcluir
  14. Funcionou, mas não sei por quê, os números ficaram quase saindo do balão! Sabe dizer? Obrigadaa

    ResponderExcluir

Seu comentário é muito importante. Espero sua opinião.
Deixe o link do seu blog sem o http:// para evitar Spam ou
o nome do seu blog para que eu possa retribuir a visita.