11 junho 2012

Substituir "Postar Comentário" por imagem

Tumblr_lrtbxufhed1qbgo5so1_500_large

Oi gente! 
Mais uma vez trago pra vocês um tutorial super simples e que deixa o seu blog mais a sua cara.
Há duas maneiras de se fazer, depende do seu modelo. Vou ensinar os dois jeitos, se um não der tente o outro.
Lembrando que antes de tudo você deve criar a imagem e hospedá-la na internet. Se não souber usa alguma das imagens abaixo.


        


OBS: Somente a primeira imagem é de minha autoria. As outras encontrei na internet.


Agora vamos ao tutorial. Clique em leia mais.




1º Modo


Vá em no HTML do blog e procure pelo trecho abaixo:
<p class='comment-footer'> <a expr:href='data:post.addCommentUrl' expr:onclick='data: post.addCommentOnclick'><data:postCommentMsg/></a> </p>
Substitua a parte destacada por:
<img src="url da imagem"/>
Depois substitua a parte destacada pelo url da imagem escolhida.

2º Modo


Este é se caso você não encontre o trecho do primeiro modo.
Neste caso, procure pelo código abaixo.
<div class='comment-form'>     <a name='comment-form'/>     <h4 id='comment-post-message'><data:postCommentMsg/></h4>     <p><data:blogCommentMessage/></p>     <data:blogTeamBlogMessage/>

Substitua a parte destacada por:
<img src="url da imagem"/>
Depois substitua a parte destacada pelo url da imagem escolhida.


Observação importante: Caso nenhum dos modos dê certo, substitua todos os códigos que você encontrar,  desses  aqui <data:postCommentMsg/> e <data:blogCommentMessage/> pelo código da imagem <img src="url da imagem"/>

Espero que tenha sido útil. Beijinhos da Nah.

9 comentários:

  1. nhaaai no meu não deu certo nenhum dos dois :/ qual modelo que vc usa?
    http://kawaiilovedesigner.blogspot.com.br/

    ResponderExcluir
  2. Indianara, respondendo sua pergunta.

    O meu modelo de template foi baixado da internet e para o tutorial dar certo eu troquei todos os códigos que eu achei desse () pela imagem. Só assim deu certo.
    Esqueci de colocar isso no post. Vou concertar!

    ResponderExcluir
  3. Este comentário foi removido pelo autor.

    ResponderExcluir
  4. adorei a dica flor!
    como paguei pelo meu template, não tenho coragem de mexer nele, mas gostei de saber!

    Beeeijooos

    http://www.youtube.com/blogdareh

    http://re-becah.blogspot.com/

    ResponderExcluir
  5. adorei a dica flor!
    como paguei pelo meu template, não tenho coragem de mexer nele, mas gostei de saber!

    Beeeijooos

    http://www.youtube.com/blogdareh

    http://re-becah.blogspot.com/

    ResponderExcluir
  6. Super legal essa sua dica. Fica bem mais bonitinho colocar a imagem :)

    http://modicesdemenina.blogspot.com.br

    ResponderExcluir
  7. Oi adorei o tutoriao, ja tinha tentadi antes sem sucesso dessa vez deu certo (:

    ResponderExcluir
  8. Eu fiz td que diz, mais eu não quero que fique la na barra lateral fixo sem utilidade. Eu quero que apareça na parte de comentar, pode me ajudar pf? Bjs
    http://styletulee.blogspot.com.br/

    ResponderExcluir

© Blog da Nah | Oficial - 2012. Todos os direitos reservados. Criado por: Natália Médice. Tecnologia do Blogger. imagem-logo