17 de fevereiro de 2012

8

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



Aprenda a colocar aquele pequeno e famoso "balão com números de comentários" no seu blog. Esse balão é bastante utilizado por muitos blogueiros, creio que você já deve ter visto um desses em algum Blog pela internet. O legal desse recurso, é que, você pode deixar a aparência do titulo da postagem diferente tirando aquele vazio e ao mesmo tempo deixando visível a quantidade de comentários publicados na postagem...



Para colocar esse  Balão no Blog é bastante fácil, nós iremos fazer algumas alterações no HTML do seu Blog.
Balão com Números de Comentários na postagem do Blog

Como Colocar Balão com números de Comentários no Blog

1º Passo: Acesse o Painel de edição do seu Blog, em seguida clique na opção MODELO >> depois em EDITAR HTML.

2º Passo: Depois de abrir o HTML do seu blog, clique em qualquer parte do código, e depois pressione as teclas de atalho Ctrl+F no seu teclado. No campo de pesquisa que se abriu, busque esta seguinte Tag mostrada logo abaixo:
Encontre esta Tag: <class='post-title entry-title'>
Se não encontrou busque esta outra Tag: <b:includable id='post' var='post'>
Observe: Para cada modelo haverá uma Tag diferente, então basta você encontrar uma das duas Tags mostrada logo acima, certo!

3º Passo: Após ter encontrado a Tag, logo abaixo da mesma cole este seguinte código:

<span class='post-comment-link-arriba' style='background: url(http://2.bp.blogspot.com/_qgZA1ny_dAs/TAMD0pviQsI/AAAAAAAAEQE/wIJ6xT5MjFA/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> 

4 º Passo: Agora, clique em Visualizar Modelo para verificar se não vai haver nem um Erro, depois só Salvar Modelo e já estará tudo pronto.


Mudar a imagem do Balão de Comentário
Observe: Caso deseje mudar a imagem do Balão, basta você editar uma imagem com cores diferenciadas do jeito que preferir, mas a imagem deve seguir as mesmas proporções da imagem utilizada neste balão.
Balão com Números de Comentários na postagem do Blog
Depois, é só hospedar a sua imagem no seu Blog e, em seguida substituir o link da imagem do código pela sua imagem, fácil né!

http://2.bp.blogspot.com/_qgZA1ny_dAs/TAMD0pviQsI/AAAAAAAAEQE/wIJ6xT5MjFA/s400/bubble.png


Então é isso Galera! espero que tenham gostado deste tutorial, queria que deixassem comentários dobre o Balão de Comentário... Não esqueçam de curtir nossa página no Facebook e de seguir nosso Blog, Obrigado.


8 comentários:

  1. Obrigada :D me ajudou !!!!

    Bjs :*
    http://p-coisasdemeninas.blogspot.com.br/

    ResponderExcluir
  2. Valeu! Deu certo... Mas eu queria saber como faço pra que ao clicar no balão o visitante seja encaminhado para os comentários da postagem? Obrigado!

    ResponderExcluir
  3. Mais uma vez venho te agradecer,consegui colocar no mínima...tenha uma semana abençoada.

    ResponderExcluir
  4. Olá
    Só quem tem conta no google é que pode mandar mensagem? ou outra pessoa que tem outras conta também pode mandar?

    ResponderExcluir
    Respostas
    1. Olá Odair!
      Não, o blog possui algumas opções padrões para outros tipos de comentários que são:
      1º Qualquer pessoa - inclui Usuários anônimos
      2º Usuário registrado - inclui OpenID
      3º Usuário com contas do Google
      4º Somente membros deste blog

      E também te uma nova opção que o Blogger lançou, que é, os "Comentários do Google+" e qualquer pessoa que possui uma conta no Google+ pode comentar...
      Portanto, você pode "configurar" seu blog para autorizar outros tipos de comentários. Obrigado!

      Excluir
  5. Como colocar o balão de comentários abaixo de cada postagem?

    ResponderExcluir
  6. Como colocar o balão de comentários abaixo de cada postagem?

    ResponderExcluir

Observe:
Faça seu comentário dentro do assunto tratado na postagem.
Não pode divulgar endereço de Sites ou Blog.
Comentário que conterem divulgação serão moderados, somente serão aceitos links caso necessite de informar alguma fonte.


Copyright © - Todos os Direitos Reservados: Várias Dicas para Blogs |
Design by Kelven Pedro | Tecnologia do Blogger - É Proibido a copia do conteúdo deste blog sem autorização
    Twitter Facebook