Dominio: codigosblog.com.br
Chave: af255c39c6cbf2ba03ac5b531649215539d8d61a
Hora do cache: 1484568950
Vida do cache: 1485864946
Status: 1
Mensagem: Licença válida
Chave do Pedido: 11808bbc6205bade68f0b70c302eaa74d4305945
Chave do Produto: PROKEY
Scroll Top

Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Blogs,
SEO e Monetização.

Hospedagem - 728 x 90

Comentários

Editar formulário de comentários (Título novo comentário)

Há pouco tempo o Blogger editou seu mecanismo de adicionar novos comentários nas postagens, incorporando assim na própria página da postagem um formulário de comentário, facilitando muito, economizando tempo e deixando o blog mais profissional.
Porém esse formulário ainda é muito simples, mas de pouco em pouco eles vão mudando e nós também! =D

Por isso com essa postagem você vai aprender a trocar o título: “Postar um Comentário” por uma imagem.

Antes:

Depois:

Vamos ao tutorial:

1º – Faça login no Blogger, entre em “Layout” -> “Editar HTML”.

Clique em “Baixar Modelo Completo” para fazer backup de segurança do seu template.

2º – Clique em “Expandir modelos de widgets”.

3º – Procure (Ctrl + f):

<h4 id='comment-post-message'><data:postCommentMsg/></h4> 

Apague esse código inteiro!

4º - Procure (Ctrl + f):

<p><data:blogCommentMessage/></p>

DEPOIS desse código, cole isso:

<img align='left' alt='Novo Comentário' border='0' src='http://img408.imageshack.us/img408/4830/formulariodecomentariob.jpg'/><br/> 

5º - Teste e salve!

  • Caso tenha interesse em mudar a imagem (opcional):

6º - Faça sua imagem (415px × 50px), hospede em um servidor (dica: ImageShack).

7º - Procure (Ctrl + f):

http://img408.imageshack.us/img408/4830/formulariodecomentariob.jpg 

Troque pelo link da sua imagem.

8º - Teste e salve!

Espero que gostem! Abraços!



De um play no vídeo abaixo e aprenda a Criar blogs Profissionais




Gostou deste artigo? Ajude nosso projeto.
Compartilhe em suas redes sociais nos botões abaixo:

46 Comentários

  1. allgsm disse:

    Muito boa 😉

  2. allgsm disse:

    Uma duvida, eu posso colocar imagem GIF ou só imagem estática?

  3. Tonks71 disse:

    Adorei a dica, já fiz e funcionou, inclusive hospedei outra imagem customizada ficou excelente, obrigada. 😉

    Agora, gostaria de saber como vc colocou a barra de emoticons embaixo. Fica realmente mais bonito assim, a minha barra de emoticons, que coloquei usando seu outro tutorial, teima em ficar em cima. :))

  4. Canal Adobe Photoshop disse:

    Muito bom isso. Já inseri no meu blog

    abraços

    Jean carlo

  5. Willian Coutinho disse:

    Sensacional a dica, mas na minha visualização do formulário de comentários ta dando probelama.

    a caixa de texto fica do lado das imagens e atrás das colunas do blog.

  6. entreveronaweb.com disse:

    Mais uma vez seu blog sendo útil para mim. Continue com o bom trabalho!

  7. Willian Coutinho disse:

    Olá Paulo, descobri o problema.

    o align=”left” da imagem está atrapalhando a visualização do mesmo no explorer. dá uma olhada, confere lá.

    Valeu

  8. Paulo Estevão disse:

    Bruno Sagas Lopes…
    No arquivo que você baixou não tem ensinando a retirar?
    Se você ver um código adsense você reconhece ele? Se sim, clique em “expandir modelos de widgets” e procure por: “google”, o que tiver haver com adsense você deleta, antes é melhor fazer um backup no template.
    abraços

    allgsm…
    Pode sim!

    Willian Coutinho…
    Normal em alguns templates fica diferente… rsrs
    =D

  9. Tonks71 disse:

    William Coutinho, no Firefox isso não acontece, mas percebi que no IE6.0 e 7.0 acontece.

    Consertei o meu tb, obrigada.

  10. Bruno Rocks disse:

    fico muito legal mas acho que no meu deu um erro
    que naum apareceu

    XDDD

  11. Uelton Gomes disse:

    Vale cara funcionou perfeitamente

  12. Toques para Celular disse:

    Boa dica!!!

    Implementei la no Jogos para celular

    Modifiquei a imagem e ficou maneiro,vlw Estevão

  13. Fábio Ventura disse:

    É muito legal podervariar o nosso blog, mas eu acchei um pouco estranho, porque fica a caixa de texto do lado direito e o titulo “novo comentário” do esquerdo.
    Como faça para ficar alinhado, um em baixo douotro?

  14. Paulo Estevão disse:

    Fábio, tenta colocar < … br … / …>
    Depois da imagem.

    (tudo junto sem …)

  15. leandro´sS disse:

    boa! vo tentar no meu 🙂

  16. Samaraelinda disse:

    kara eu tava doida pra ver se eu conseguia fazer e consegui mermo
    muito bigada!!! salvou minha vida do blog!!!:D=))

  17. nando for fun disse:

    Legal pena que ñ fui feliz nas tentativas…
    procurei ajuda no blogger e achei um tópico sobre o assunto…
    http://help.blogger.com/bin/answer.py?hl=br&answer=42192.tá falano que onde tem a tag
    "data:postCommentMsg"pode por qualquer texto,eu tentei e deu pra por até image…Então fica ai a dica pra quem não conseguir.
    E à você meu amigo muito obrigado valeu pela dica de coração memo!!! 🙂

  18. Larissa disse:

    nussa num sei pq num consigo colocar no meu blog… ja tentei umas 3 vezes e naum fica.
    me da uma dica do que posso fazer.
    to desesperada :)]

  19. Dan Humphrey disse:

    `Queria saber se eh possivel colocar um link nos comentarios e q só clicando nele a pessoa seja direcionada pro site. Obrigado

    http://welovefran.blogspot.com/

  20. Piu disse:

    Gostei da dica, realmente ela é muito boa e deixa o blog com um tom profissa.
    Já estou usando isso no Louko de Pedra (http://www.loukodepedra.blogspot.com).

    Valeu, Estavão!

  21. Internético disse:

    funcionou muito bem

  22. Lenda Urbana disse:

    Cara vlw ai pelo post!

  23. Zé da Lontra disse:

    tem como mudar o formulario? eu consegui mais dai era um template taum podre q naum aparecia "enviar" aff, dai eu troque de template mais não me lembro mais como era o código pra procurar no HTML e dai naum da de trocar 🙁

  24. Rebolati2oin disse:

    E de posts como esse que a gente precisa 😀

  25. Paulo Estevão disse:

    @Zé,
    Não dá pra modificar o fomulário…

  26. HDTI disse:

    COMO QUE EU FAÇO PATA SOLICITAR EMAIL ?
    MAIS SEM QUE OS OUTROS VEJAM ,SO MESMO O ADMIN DO BLOG .

  27. blogueirosnaweb.com disse:

    Só Pena que o Blogger enfia o formulário dentro de um IFrame,senão eu iria aplicar o NicEdit para fornecer um editor visual para Blogger 🙂

  28. Nauan disse:

    Cara Muito Legal! Gostei vou add você nos Favoritos.

  29. Murillo disse:

    Deu Certo,só que tenho uma duvida. Eu sou novo aqui e, peo que procurei, não tem nenhuma dica de como deixar o blog menos lento. Tá muito "pesado" e não sei como tirar isso.

  30. MEGA BONUS UNIBANCO disse:

    oi, muito bom vocêr esta de para bens

  31. Veronia Downloads disse:

    Cara Eu Queria Saber Como Deixa o Formulário tipo igual ao seu…

    Com essas faixas azuis com cada comentario…

  32. RoEeD disse:

    queria saber como fazer para pegar o código de postagem de um tamplete e colocar em outro?
    Agradeço desde já 😀

  33. Stanley disse:

    Obrigado, vc me ajuda demais

  34. Carlos Romero disse:

    Gostaria de saber como faço para aumentar a largura da caixa de comentários e deixá-la assim como a sua. Obrigado!

  35. Paulo Estevão disse:

    @Carlos,
    aumente o width do iframe.

    abraços

  36. Diogo disse:

    No meu tem 4 desses
    .p></p.
    então funfou no 2º
    meu blog: http://www.iasdbrasiladventista.blogspot.com

  37. Samiachan ✿ disse:

    Adoreeeeei! Exatamente oq eu procurava, ficou ótimo aqui!
    Valeuzão pela ajuda! ;**

    beijos!
    Blog Variedades & Afinidades

  38. Ivan disse:

    Cara por favor fas um tutorial de como colocar esse modo de comentário,que neem o de vocês: Nome,Email e Site e depois comentar ajuda to querendo isso a muito tempo =(.pliz.

  39. Ivan disse:

    Blogger hà que pena =(.obrigado por responder.

  40. Ótimo formulario de contato, mas estou procurando um que personaliza ele inteiro e deixa o formulario de comentários igual ou parecido com o do WordPress, que tenha como colocar “Site”, é possivel isto?

Para enviar seu comentário, preencha os campos abaixo:

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.