Códigos Blog

Pesquisar este blog

Carregando...

Receba atualizações por e-mail:

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

Paulo Estevão
10 Março 2009 às 4:15 PM

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!

Receba nossos posts por feed ou email

Assinar feed

Postagens recomendadas:

42 Comentários:

  1. Este comentário foi removido pelo autor.
    ResponderExcluir
  3. Uma duvida, eu posso colocar imagem GIF ou só imagem estática?
    ResponderExcluir
  4. 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. :))
    ResponderExcluir
  5. Muito bom isso. Já inseri no meu blog

    abraços

    Jean carlo
    ResponderExcluir
  7. 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.
    ResponderExcluir
  8. Mais uma vez seu blog sendo útil para mim. Continue com o bom trabalho!
    ResponderExcluir
  9. 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
    ResponderExcluir
  10. 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
    ResponderExcluir
  11. William Coutinho, no Firefox isso não acontece, mas percebi que no IE6.0 e 7.0 acontece.

    Consertei o meu tb, obrigada.
    ResponderExcluir
  12. fico muito legal mas acho que no meu deu um erro
    que naum apareceu

    XDDD
    ResponderExcluir
  13. Vale cara funcionou perfeitamente
    ResponderExcluir
  14. Boa dica!!!

    Implementei la no Jogos para celular

    Modifiquei a imagem e ficou maneiro,vlw Estevão
    ResponderExcluir
  15. É 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?
    ResponderExcluir
  16. Fábio, tenta colocar < ... br ... / ...>
    Depois da imagem.

    (tudo junto sem ...)
    ResponderExcluir
  20. kara eu tava doida pra ver se eu conseguia fazer e consegui mermo
    muito bigada!!! salvou minha vida do blog!!!:D=))
    ResponderExcluir
  21. 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!!! :)
    ResponderExcluir
  22. 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 :)]
    ResponderExcluir
  23. `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/
    ResponderExcluir
  24. 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!
    ResponderExcluir
  27. 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 :(
    ResponderExcluir
  28. E de posts como esse que a gente precisa :D
    ResponderExcluir
  29. @Zé,
    Não dá pra modificar o fomulário...
    ResponderExcluir
  30. COMO QUE EU FAÇO PATA SOLICITAR EMAIL ?
    MAIS SEM QUE OS OUTROS VEJAM ,SO MESMO O ADMIN DO BLOG .
    ResponderExcluir
  31. 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 :)
    ResponderExcluir
  32. Cara Muito Legal! Gostei vou add você nos Favoritos.
    ResponderExcluir
  33. 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.
    ResponderExcluir
  34. oi, muito bom vocêr esta de para bens
    ResponderExcluir
  35. Cara Eu Queria Saber Como Deixa o Formulário tipo igual ao seu...

    Com essas faixas azuis com cada comentario...
    ResponderExcluir
  36. queria saber como fazer para pegar o código de postagem de um tamplete e colocar em outro?
    Agradeço desde já :D
    ResponderExcluir
  39. Gostaria de saber como faço para aumentar a largura da caixa de comentários e deixá-la assim como a sua. Obrigado!
    ResponderExcluir
  40. @Carlos,
    aumente o width do iframe.

    abraços
    ResponderExcluir
  41. No meu tem 4 desses
    .p></p.
    então funfou no 2º
    meu blog: www.iasdbrasiladventista.blogspot.com
    ResponderExcluir
  42. Adoreeeeei! Exatamente oq eu procurava, ficou ótimo aqui!
    Valeuzão pela ajuda! ;**

    beijos!
    Blog Variedades & Afinidades
    ResponderExcluir

Adicione seu comentário nesse post.
- Não aceito comentários anônimos;
- Não aceito parceria! Caso tenha uma boa proposta, entre em contato;
- Antes de pedir ajuda sobre o tutorial, tente fazer sozinho e tenha certeza que seguiu todas as etapas corretamente.
- Comentários irrelevantes não serão aceitos.

Muito obrigado por sua visita. Volte sempre!

Assinar: Postar comentários (Atom)
 
 
Blogger
Muitas dicas para você usuário da plataforma Blogger
WordPress
Leia artigos sobre a plataforma de blogs WordPress
Dinheiro
Aprenda várias formas de ganhar dinheiro com seu blog
Design
Modifique e faça agora um blog moderno, único e interativo
Dicas
Várias dicas atuais de como ter um blog de sucesso
 

Onde estamos

Divulgue



Últimas Postagens

Carregando...