dicas blog
Home » , , » Como colocar contador de comentários balão no titulo das postagens do blog

Como colocar contador de comentários balão no titulo das postagens do blog

8
Existem templates   que  não  aceitam  o sistema  de comentários  que  encontramos  por  ai,  os  famosos  balões   de  contador  de  comentários,  ai  ficamos  na  mão  mas  isso  acabou  depões   de  muita  insistência  consegui   fazer  o  balão  aparecer  contando   os  comentários.  esse  problema   acontece   com  templatems   que  não  são   originais   do  blog,   e   todos  os  tutoriais   que   tem  por   ai  são  com  o  mesmo  sistema    mais  sinples   e  nunca   da certo.   bom  com  esse  vai  dar   certo,    siga  os  passos  abaixo  e  coloque  no  seu  blog.
 

Vou  disponibilizar  alguns  balões  prontos , você  pode  usar   se   quiser   eu  fiz no  adobe   photochop  você  pode   encontrar  muitos  modelos  por   ai  se  preferir .

vá no seu HTML marque expandir modelos de widgets  de um teclas CTRL F e procure por
<class='post-title entry-title'> se  não  encontrar   tente   esse  <b:includable id='post' var='post'>

Copie  o  código  abaixo  e   cole   abaixo  da que você   encontrar



Medidas   da  imagem 
90  largura
80  altura

O balão  tem  que  ser  menor  um  pouco para  não desalinhar
veja  na  imagem  abaixo   os  espaços  que  sobram,  para  você  não  cometer  falhas  se   for   criar  o seu.

Aconselho  você  a  não  tirar  o  outro alterar   o  texto  pode  parar   de  contar  os   comentários  pode   dar   algo  errado  deixe  assim

Partes do  código
height:80px;   altura
width:90px;    largura
font-size: 40px;'   tamanho do numero
padding-top:14px    margem do topo

Observação a cor  dos números  do  contador  e   do  hover   dos  números,  são  a  mesma   cor dos  seus  links   do  blog  então  você     sabe  para  trocar   a   cor  troque  a cor dos  links do  blog.

Atenção  para  pegar  os códigos das  imagens balão,  selecione e clique com  o mouse em abrir link e copie o código no seu navegador.

 https://lh4.googleusercontent.com/-FK1umod9CWk/UM9dAZjD_LI/AAAAAAAABNw/o9NIFV_yh_E/h120/bal%C3%A3o++de+++comentarios+b.png




 https://lh5.googleusercontent.com/-gjUgW6PJB_Y/UM9dRJtdvUI/AAAAAAAABOE/EykkJdueh2s/h120/bal%C3%A3o++de+comentarios+t.png





 https://lh4.googleusercontent.com/-WgxPuSzC6HA/UM9dc_ap2uI/AAAAAAAABOQ/IAE4jUYoQz4/h120/bal%C3%A3o++de++comentarios+a.png




 https://lh6.googleusercontent.com/-w_ZZz6LW870/UM9dqD4GCpI/AAAAAAAABOk/pSR8mT1oen4/h120/bal%C3%A3o++de+++comentarios+R.png

 

qual quer  duvida é    perguntar   esse   é  o  mesmo sistema   que  uso  aqui  no  blog

8 comentários:

  1. VALEW!!! ajudou muito!

    muito obrigado

    ResponderExcluir
    Respostas
    1. Obrigado Betinho pela visita fico feliz que tenha gostado abraço.

      Excluir
  2. QUal arquivo devo altera? sou novo no wordpress qual html? Brigadão...

    ResponderExcluir
    Respostas
    1. Desculpe amigo mas esse tutorial é para blogspot e não para o wordpress.

      Excluir
  3. Cara pq não dá pra clicar no balão e ir para os comentários, igual o seu?

    ResponderExcluir
  4. Gente tem pouco tempo que comecei e bem não sei como fazer isso, alguém pode me ajudar ?

    ResponderExcluir
  5. Obrigado, ajudou muito no meu blog, só deu trabalho para ajustar, mas bati cabeça e acertei. Se quiserem ver como ficou http://cibernerdicos.blogspot.com.br

    ResponderExcluir