terça-feira, 31 de janeiro de 2012

Como colocar Balãozinho de comentário


Oi minhas bolachinhas de morango *¬* , então como vão ? 
Hoje eu trouxe um tutorial super fácil que a Bruna Gianni do blog Pura Sedução pediu =D
É como colocar aqueles balãozinho de comentário' , sempre quis por no MC , mais não da por que ele tem uns detalhes ali em cima =\ . Mais bora ao tutorial *-*

Abra o blog > vá em Design > Editar HTML > Marque a caixinha Expandir Modelos de Widgets  > De Ctrl + F , e procure por : 
<class='post-title entry-title'> ou <b:includable id='post' var='post'>, tenta um dos dois códigos , pois é dependendo do template do seu blog . 
Em baixo do código acima cole o seguinte código :

<span class='post-comment-link-arriba' style='background: url( LINK DA IMAGEM ) 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> 

 Agora vamos entender o código . 
 URL LINK DA IMAGEM  , Ai você deverá colocar o link da imagem do balãozinho , aonde ficará o numero de comentários 


padding-top:8px , é a posição do numero de comentários , caso o numero ficou no lugar errado , mude o 8px , até ficar na pocição correta . 


Pronto , feito isto . Visualize , vê se está tudo certo , e salve ! 
Fácil néh ? . Beijos meninas , até a próxima , e fazem pedidos (= 

33 comentários:

  1. o tuto é bem fácil e o resultado é bem bonitinho.
    ja tive comentários em balão no meu blog.

    Bjs
    http://blogportalteen.blogspot.com

    ResponderExcluir
  2. Nossa que fácil haha Adorei o post!

    Beijoos!
    http://simplesglamour.blogspot.com/

    ResponderExcluir
  3. Ai parece super fácil mas não consigo fazer não :(

    Bjinhos

    http://www.sombraeblushmakeup.blogspot.com/

    ResponderExcluir
  4. Lindo blog, seguindo de volta!
    http://friends-friendsprasempre.blogspot.com/

    ResponderExcluir
  5. oootimo tuto . *-*
    Estou seguindo aqui, meseg de vlt se gostar amr ? ><'
    garotainverno.blogspot.com :33
    2bjo .

    ResponderExcluir
  6. Amei o tutorial, a e é claro que te sigo linda, amei o blog.
    Bjo da Sweet (Stela)

    http://sweetdreamsoficial.blogspot.com/

    ResponderExcluir
  7. Legal o tutorial!
    Beijo!
    Tem novo post no Bombastic
    www.blogbombaastic.blogspot.com

    ResponderExcluir
  8. Bom tutorial!

    Vou seguir o blog, gostei bastante daqui *-*

    Bjonas e fique com Deus <3

    Camilla Martins - http://sugar-dance.org

    ResponderExcluir
  9. Oii Flor, haa bom tutorial, bem útil

    www.i--love--y.blogspot.com

    Thau !

    ResponderExcluir
  10. Oie fofas , que bom que gostaram do tutorial (=
    Beijão' *-*

    ResponderExcluir
  11. Muito cute o se blog!
    Adorei as dicas!!
    Coloca uma dica sobre como colocar no post "continue lendo esse post".
    Que vc clica e abre todo o conteúdo do post. Isso é bem legal ;)

    Já estou te seguindo também
    Beijinhos
    Renata
    http://escutaessa.blogspot.com/
    http://www.facebook.com/BlogEscutaEssa
    @blogescutaessa

    ResponderExcluir
  12. NHAC NHAC , brigada por comentar lá ! :B
    E estou seguindo ! zo/ Que Lindo blog heein ? PSKAPSKAPSKAP
    http://www.siteshoow.com
    Beijoos ..

    ResponderExcluir
  13. Oii Flor, haa eu também gosto de ver quem ganhou, mesmo que eu não tenha participado

    www.i--love--y.blogspot.com

    Thau !

    ResponderExcluir
  14. Amei as dicas , adorei mto eficaz
    flor amei seu blog, resolvi te seguir, agora queria que vc fosse lá no meu blog e me segui-se também, e me diz sua opinião do que achou do meu blog, te espero por lá ok?
    mil beijos *-*

    http://priscilalirow.blogspot.com/

    ResponderExcluir
  15. Seu tutorial tá ótimo,bem explicadinho!
    Bjs,seu blog é muito fofo!
    Obrigada pela visita.
    http://blogtrashrock.blogspot.com/

    ResponderExcluir
  16. Obrigada por seguir o Clube Teen, seguindo de volta. Amei aqui !!!

    http://blogclubeteen.blogspot.com/

    ResponderExcluir
  17. Bem explicadinho mas eu não gosto muito dos comentários em balão. x:

    Adorei aqui, visitarei mais vezes!

    Beijos,
    http://blogtruegirl.blogspot.com/

    ResponderExcluir
  18. Oi flor, muito obrigada, também adorei aqui e to seguindo.
    Beijo ;*
    deluxegirlsblog.blogspot.com

    ResponderExcluir
  19. OI FLOR...Adorei seu cantinho, e claro ja estou seguindo, to reestreiando hj meu blog se puder me visitar e seguir :)

    suas dicas tao me ajudando muito!

    bjinhoss
    http://www.minhavidameusvicios.com/

    ResponderExcluir
  20. Muito útil o tuto e bem explicado, mas, também não gosto dos comentários assim. HUAAHUA.

    Já estou lhe seguindo de volta, e amei o seu blog. Sucesso!

    nemsemprerealidade.blogspot.com

    ResponderExcluir
  21. Muito bom o tuto, ótimas explicações. Esse balãozinho dá um charme a mais em alguns blogs, hahaha.
    Tem post novo no CM :)
    http://cabidemoderno.blogspot.com

    ResponderExcluir
  22. Legal o tutorial , eu sempre procurava um modo de fazer isso, ate de desisti ,rs ... mas voce explicou bem direitinho !

    ei , valeu por me seguir lá ! To te seguindo aqui também (:
    ah! e tem post novo lá no blog .. confere ? bjbj
    www.i-tudo-i-tudo.blogspot.com

    ResponderExcluir
  23. Muito legal o tuto, eu conhecia a um tempinho..
    Bjs flor ------> http://closetteenblog.blogspot.com/

    ResponderExcluir
  24. seguindo amorzinho,segue o meu?www.starsgod-vitoria.blogspot.com

    ResponderExcluir
  25. seu blog é muito fofo *-* Aceita parceria? se sim entre em contato pela minha c-box por favor!

    http://sonhosdeumadocegarota.blogspot.com/

    ResponderExcluir
  26. floor já tá nas minhas parcerias.
    http://espelhomeu-espelho.blogspot.com/p/parceiros.html

    Beijos, Paloma.
    http://espelhomeu-espelho.blogspot.com

    ResponderExcluir
  27. Super legal o tuto!
    http://cantoseencantosdahellen.blogspot.com

    ResponderExcluir
  28. Oii flor,amei seu blog,muito bom aqui,sucesso,você merece.Já estou seguindo *-*
    www.bruboletras.blogspot.com

    ResponderExcluir
  29. Nossa ameey o tutorial HAHA , ja tenho balaozinho!
    Ameey aquui , sério mesmo hihi*

    ~~seguindo~~
    http://garotasmoodernas.blogspot.com

    ResponderExcluir
  30. Acho super fofo os comentarios no balão *-* Quem sabe no proximo template.. haha :D http://www.mulherzinhamodeon.com

    ResponderExcluir
  31. Heey, adorei o seu blog! Estou seguindo, segue o meu também?
    http://estanteseletiva.blogspot.com/

    Beijos,
    Wanessa Guimarães
    www.estanteseletiva.blogspot.com

    ResponderExcluir
  32. Muito bom esse tutorial!

    Beijos,
    Blog | Sorteio! | Twitter

    ResponderExcluir
  33. Gostei muito dos seus tutoriais. São simples e eficazes.
    Obrigada,minha linda <3

    Dar uma olhadinha no meu blog para ver as mudanças que fiz graças ao seus tutoriais.

    http://poesiaqueencantavida.blogspot.com.br/

    ResponderExcluir

Olá, fique a vontade para dar sua opinião tanto quanto ao post, quanto ao blog!
Mais peço que sejam educadas(os) e evite falar palavrões.
Comentários ofensivos não serão aceitados. Obrigada

OBS: Não aceito mais tag e nem selinho

Related Posts Plugin for WordPress, Blogger...