Vídeo não pode ser exibido.

Códigos Blog via Celular!

Anúncio

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!

33 Comentários:


  1. Olá nobre Paulo, estou usando seu template no meu blog ( http://bslcorretor.blogspot.com ) só que entre as postagens e os comentário há uma propaganda do adsense que eu não consigo tirar, gostaria de retirar isso do meu blog já que não me proporcionan nenhum retorno.

    Um abraço e tenha um excelente dia.


  2. Muito boa ;)


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


  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. :))


  5. Muito bom isso. Já inseri no meu blog

    abraços

    Jean carlo


  6. =))


  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.


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


  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


  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


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

    Consertei o meu tb, obrigada.


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

    XDDD


  13. Vale cara funcionou perfeitamente


  14. Boa dica!!!

    Implementei la no Jogos para celular

    Modifiquei a imagem e ficou maneiro,vlw Estevão


  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?


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

    (tudo junto sem ...)


  17. boa! vo tentar no meu :)


  18. manero


  19. =))


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


  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!!! :)


  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 :)]


  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/


  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!


  25. funcionou muito bem


  26. Cara vlw ai pelo post!


  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 :(


  28. E de posts como esse que a gente precisa :D


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


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


  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 :)


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


  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.

Leia antes de Comentar:

  • Os comentários deste blog são todos moderados;
  • Escreva apenas o que for referente ao tema;
  • Ofensas pessoais ou spam não serão aceitos;
  • Não faço parcerias por meio de comentários;
  • Faça comentários relevantes;
  • Para entrar em contato acesse nosso formulário de contato;
  • Obrigado por sua visita e volte sempre.

Voltar ao topo