quinta-feira, 10 de julho de 2008

Formulário de comentários embutido no Blogger

Nível: avançado

Atualmente, no Blogger, para um visitante ou o próprio autor deixar comentário, ele tem que abrir outra página, pop-up ou não, mesmo se ele já estiver na página do post. Mas com o Draft Blogger é possível embutir o formulário de comentários dentro do post, o que facilita a vida do leitor e incentiva-o ainda a mais a escrever sobre o que viu no seu blog.

Mais complicado é para quem já fez muitas alterações no template porque fica difícil descobrir onde colocar o código certo. Antes de começar, é bom você saber que o formulário de comentários embutido está em fase rascunho e, por enquanto…

  • Não aparecem as fotos dos comentaristas.
  • Não é possível visualizar o post antes de enviá-lo.
  1. Entre com seu nome de usuário e senha do Blogger/Google no draft.blogger.com.
  2. Escolha um blog a ser modificado (é melhor começar com um blog de testes) e clique em Configurações » Comentários.
  3. Na opção Posição do formulário de comentários deve aparecer uma terceira alternativa que não existe no Blogger ainda: Postagem abaixo incorporada. Exatamente ela é que deve ser marcada.

    Postagem abaixo incorporada


  4. Clique no botão Salvar Configurações. Em seguida abra o blog em outra aba e clique no link de comentários. Alguma diferença?
    1. Se você utiliza template clássico, essa ação vai gerar no seu blog a seguinte tag: <$BlogItemCreate$>. Então DEVE FUNCIONAR sem você precisar mudar mais nada, mas você poderá personalizar essa tag para melhorar o posicionamento dela e etc.
    2. Se você utiliza template do novo Blogger com modificações radicais nos widgets que se referem aos comentários, é bem provável que NÃO FUNCIONE se você for só até este passo. Se funcionar, seja feliz.
    3. Se você utiliza template do novo Blogger sem modificações radicais nos widgets que se referem aos comentários, é BEM PROVÁVEL QUE FUNCIONE se você for só até este passo. Se não funcionar, continuemos.
  5. Vá agora para Layout » Editar HTML, é onde começa a parte bruta do serviço que exige uma certa dose de raciocínio para códigos e cia.
  6. Procure por algo parecido com isto, sendo que as partes de texto com fundo destacado são as que REALMENTE não podem faltar no trecho, o resto pode ter sido personalizado por você e/ou por quem fez o template:
    <p class='comment-footer'>
    <b:if cond='data:post.allowComments'>
    <a expr:href='data:post.addCommentUrl'
    expr:onclick='data:post.addCommentOnclick'
    >
    <data:postCommentMsg/></a>
    </b:if>
    </p>
  7. Substitua o código supracitado pelo seguinte:
    <p class='comment-footer'>
    <b:if cond='data:post.embedCommentForm'>
    <b:include data='post' name='comment-form'/>
    <b:else/>
    <b:if cond='data:post.allowComments'>
    <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
    <data:postCommentMsg/></a>
    </b:if> </b:if>
    </p>
  8. Agora procure o código:
    <b:include data='post' name='comments' />
  9. Abaixo desse código cole o código abaixo:
    <b:include data='post' name='comment-form'/>
  10. Tem que ficar assim, sendo que a parte em destaque é a que você acabou de colocar:
    <b:include data='post' name='comments' />
    <b:include data='post' name='comment-form'/>
  11. Salve e teste. Se funcionar deixe um comentário aqui para comemorarmos juntos! Se não funcionar deixa um comentário aí para tentarmos descobrir o problema.

Descobri esse recurso no Usuário Compulsivo, mas o tutorial que está aqui e funcionou no meu blog é tradução do Blogger Buster.

Novidades sobre evoluções desse recurso devem ser publicadas no Blogger in Draft (inglês) e no Grupo de Ajuda do Blogger (português).

Pix meutedio arroba mail ponto com

65 comentários:

  1. eu tb ajudei XD

    abraços ei esse e o antio ou e so o antigo template??

    ResponderExcluir
  2. Que ótimo!
    No meu funcionou! \o/
    Obrigada.
    http://canetaenvenenada.blogspot.com/

    ResponderExcluir
  3. Muito Obrigado pela dica! la no Usuário Compulsivo, eu ja tinha visto, mais do geito q ele falow nao deui certo
    e esse seu deu, do jeitim que eu queria!!!!
    qualquer coisa sobre parceira
    www.baixakirock.com

    ResponderExcluir
  4. Gama, eu realmente recuperei meu blog depois de relatar o problema no Grupo de Ajuda do Blogger. Muito prestativos os portugueses que moderam, estão de parabéns!

    Danielle, fico feliz por ter funcionado no seu blog também. Eu entrei lá e deixei um comentário para estreiar. :D

    Denison Junior, gostei do lance do seu blog: o link de comentários ficar pertinho do título. No seu caso isso faz sentido, já que o visitante não tem muito o que ler ao longo do texto, é só clicar e baixar.

    ResponderExcluir
  5. Conseguir =DD \o/ ... Brigadão, tava querendo isso faz tempo, até tentei o código compulsivo, mas não deu certo, esse deu =)

    ResponderExcluir
  6. Tava pesquisando no Google e vi o seu nome, entrei e mais uma vez deu certo. Valeu Elen vc é D++++++++++++!!!!!! “xglobo”.

    ResponderExcluir
  7. Helen, acho q deu certo. Só q eu queria que os comentários das pessoas JÁ APARECESSEM, sabe, q n precisasse clicar na parte de comentários pra eles estarem ali, tipo aqui no teu blog.

    Como faço isso?

    ResponderExcluir
  8. O formulário só aparece na página do post, não aparece na página inicial do blog. No meu blog é do mesmo jeito que no seu, tem diferença não.

    ResponderExcluir
  9. fernanda, funcionou, mas eu me arrependi... rs*
    porque para comentar, agora é preciso clicar no título do post... quem vai adivinhar????
    como posso reverter? tentei retirar as alterações, mas não funcionou...

    ResponderExcluir
  10. a alteração eu fiz no livrosepetiscos.blogspot.com, ok?

    ResponderExcluir
  11. Suzi, para comentar continua do mesmo jeito, basta clicar no link de comentários. Se clicar no título abre a página do post, se clicar no link de comentários abre a página do post na altura do formulário de comentários. O que você pode fazer neste caso é destacar mais o link de comentários.

    ResponderExcluir
  12. No meu blog está aparecendo DUAS CAIXAS de comentários, tem algum jeito de contornar isto? soh preciso de uma caixa rsrsrsr

    ResponderExcluir
  13. Eu entrei no seu blog e parece que o problema já foi resolvido.

    Quando aparecem dois formulários, é porque existem duas tags iguais a

    <b:include data='post' name='comment-form'/>

    ResponderExcluir
  14. Opa !!!
    Finalmente !!!
    Depois de muitas tentativas, graças a vc, meu blog agora tem a janela embutida de comentários !
    Muito Obrigado !
    Pode me dar outra dica?
    preciso centralizar o formulário...
    antes do que e depois do que q eu coloco o abre center e o fecha center ?

    Depois dá uma passadinha pra conhecer meu blog:

    Vende-se Churros ! Notícias estranhas, engraçadas e absurdas...porém reais !

    http://vendesechurros.blogspot.com

    ResponderExcluir
  15. Oi Helena, na verdade por ter as duas tags:

    b:include data='post' name='comments'
    b:include data='post' name='comment-form'

    eh ke apareciam duas caixas em meu blog, o que eu fiz foi deletar um deles e alterar umas linhas de códigos do passo sete até funcionar, primeiro os recados sumiam ao carregar a página, depois consegui arrumar e agora ta belezura! =]

    Demorei quase uma hora pra fazer funcionar mas valew a pena tá ótimo assim, a única coisa que eu detestava no sistema blogger era os comentários em popups agora isso acabou.

    Nem sei direito o que eu fiz mas deu certo kkk
    Seu blog tem dicas realmente muito boas!
    ---------
    Aproveitando que eu estou aqui, ainda nao entendo muito bem como monta-se um layout de blogger em xml, eu estava acostumado com BLogUol onde eu criava meu template e adicinava os códigos para postagem, comentarios, perfil e toda aquela trabalheira. No blogger eh tudo diferente, você possue em seu blog ou conhece um lugar onde eu posso aprender a criar templates personalizados?

    Escrevi demais neh? srsr bom, brigado por responder minha primeira dúvida e se puder me ajudar com esta agradeço também.

    Aproveite e veja o selo que tenho para você em meu blog =] www.recomendandosites.blogspot.com

    Bjs Helena

    ResponderExcluir
  16. Douglas,

    Fiz o teste e no meu blog só funciona com as duas tags. Vai entender…

    Para personalizar um template no Blogger o mais importante é aprender CSS, em segundo conhecer bem os widgets para saber o que fazer caso queira mudá-los de tamanho ou de lugar.

    Eu tenho aprendido muito com os blogs que estão na página de Créditos. Passe lá que você vai saber o porquê.

    ResponderExcluir
  17. Olá Helen, sou novo no mundo "blogger" e infelizmente não consegui no meu...
    nem com a sua dica, nem com a do Compulsivo...~=/
    já queimei meus neurônios e nada... se puder me dar um "help" agradeço...
    meu blog
    http://seteflechasepaioxala.blogspot.com/

    Abraços (seu blog é demais)

    ResponderExcluir
  18. Olá, Helen! Na minha experiência ocorre o seguinte: no mozilla e no opera funcionou perfeitamente, já no internet explorer (v. 6.0), não. O formulário é exibido, mas nada ocorre após clicar no botão "Postar comentário". Alguma sugestão?

    ResponderExcluir
  19. no meu acontece o mesmo que no dos estudantes da comunidade. http://manzangao.blogspot.com

    ResponderExcluir
  20. nao funciona nada hellen nao agueno mais rssss vou ter q muda de template :(

    ResponderExcluir
  21. Jader, eu entrei no seu blog e percebi que ele foi muito alterado. Salve as imagens e os widgets que você quer usar em arquivos .txt no bloco de notas, escolha o template Mínima e, como você quer usar template de três colunas também, use este tutorial muito legal!

    ResponderExcluir
  22. Mas eu queria uma solução sem precisar fazer isto,vai dá muito trabalho rsss

    ResponderExcluir
  23. oi blz de todas as dicas sobre esse formulario de comentários embutido no blogger ...a sua dica foi a mais pratica de entender ...porem não tive o resultado satisfatorio que esperava pois minha caixa de comentário ñ apareceu somente a menssagem que vai embaixo de postar um comentário...e o espaço onde ele deveria estar...da um look por favor e me diz se o erro foi feio
    http://wwwskate4fun.blogspot.com/2008/09/skate-park-ampc.html#links a

    ResponderExcluir
  24. Olá gostei, mas ta um pouco complicado...

    ResponderExcluir
  25. legal helen...deu serto demoro um pouco pra cai a fixa ,eu tava com pouco de medo de usar o draft também tive que usar uns os codigo que vc posto pra corrigir uma coisas,também usei os do background dos comentários...não vo me esquece de vc.... yeah show de bola
    |3eijão !!!

    ResponderExcluir
  26. Obrigada!
    Funcionou, embora no tema que estou usando, as tags citadas não existem, então fui na base do erro e acerto até conseguir.

    ResponderExcluir
  27. Deu certo no meu tambem mas acontece que to achando muito grande a pagina e as letras..link para essa postagem e comente muiiito grande a letra,acho que fica melhor a janela pop up não é não???
    Obrigada pela ajuda.....ajudou demais...

    ResponderExcluir
  28. aaa se você já tem a ferramenta "seguidores" do blogger me adiciona que eu te adiciono tambem???

    ResponderExcluir
  29. Fernanda, o tamanho da fonte você resolve com CSS, isso é o de menos.

    ResponderExcluir
  30. Excelente!
    Valeu!
    Abraço!

    ResponderExcluir
  31. Valeu pela dica, no meu funcionou certinho!
    www.misturanetcapasgratis.blogspot.com

    agora estou precisando de outra dica, preciso que minhas postagens quando fosse clicadas abrise em outra janela, pode me ajudar?

    preciso muito!!!!

    ResponderExcluir
  32. Bem.. Parabens pelo blog
    Fiz no meu, o formulario apareceu, porém, atraz da postagem e nao depois dela. Então tirei. Tem alguma ideia do que possa estar acontecendo?
    http://www.iphonebr.info/

    ResponderExcluir
  33. Eduardo, isso se resolve facilmente com CSS. Você vai ter que, na folha de estilos, definir como deve aparecer .comment-form. Exemplo: .comment-form {margin-top:5px; margin-bottom:5px; padding:5px; width:400px; position:relative;}

    ResponderExcluir
  34. Obrigado, o meu só deu certo com a opção 10

    tava procurando a um tempão

    Obrigado..

    ha e se quiser fazer parceria é só clicar no meu nome ;] ou entrar no link abaixo:

    http://pedrocabralblog.blogspot.com/

    ResponderExcluir
  35. po cara....

    no meu não funcionou :/
    segui certinho o que foi dito ae...
    :/


    além do mais no meu, onde fica o link pra comentar leva direto pra página do feedburner :/
    doispensantes.blogspot.com
    dá uma olhada ae :/

    ResponderExcluir
  36. Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
    Mensagem de erro em XML: The element type "b:if" must be terminated by the matching end-tag "".

    ResponderExcluir
  37. @Filipe,

    Colou o código no lugar errado. Observe melhor para encontrar o local correto.

    =)

    ResponderExcluir
  38. Olá,

    Segui todos os procedimentos mas o formulário só aparece quando clico em comentar, não fica sempre visível. O que será que está errado?

    Obrigada

    Adriana

    ResponderExcluir
  39. @Adriana, você não deixou o link do blog para eu olhar, mas pela descrição que você deu está funcionando perfeitamente, é assim mesmo.

    Só aparece quando você está na página do post, ou seja, quando clica no título ou em comentar.

    ResponderExcluir
  40. funcionou o problema e que o essa caixa pra comentar ficou duplicada!!

    ResponderExcluir
  41. Aham!!!!!!!!!! consegui arrumar uma coisa..... a dica 10 e q estava duplicando o comentario!!! agora queria ver como faço para deixa que nem o seu!!!! sem precisar clicar pra comentar!!!

    www.rafabreu.blogspot.com

    ResponderExcluir
  42. vlw ae, consegui colocar no meu blog, embora tenha ficado com a caixa de postar comentários duplicado, anulando o passo 10 deste tutorial ele fica normal.

    www.maniadebaixar.net

    ResponderExcluir
  43. olá Helen! Gosto muito de vir aqui, pois encontra-se muitas sugestões para blog. Hoje ao seguir ewsses passos para embutir o formulário de comentários, deu tudo certo até aparecer o formulário. Está acontecendo o seguinte: Clico no post a ser comentado, depois clico no link "comentários", nessa parte o post a ser comentado fica na parte de cima e na parte de baixo do formulário, ou seja, ao clicar no link "comentários" o post duplica-se e o formulário fica no meio. Se tiveres alguma sugestão a respeito desse problema te agradecerei imensamente. meu e-mail é pd3667@gmail. Abraço

    ResponderExcluir
  44. Observe que, em templates novos, você só precisa fazer até o ítem 4.a. Se está aparecendo duas vezes você modificou o código mais do que deveria. Você tem três soluções:
    (1) ESTUDAR o código até descobrir que merda você fez.
    (2) PAGAR para um profissional fazer isso.
    (3) Aproveitar a oportunidade que o destino dá e TROCAR logo esse template feio.

    ResponderExcluir
  45. Cara, muitissimo obrigado! Funcionou no meu blog

    http://sfohart.blogspot.com

    ResponderExcluir
  46. Oii
    ficou belezinha no meu, mas como eu o centralizo???
    ficou muito no canto
    www.renatokill.blogspot.com

    ResponderExcluir
  47. poxa helen a minha caixa de comentarios
    não aparece fica um espaço no lugar dela
    oq eu faço??
    http://resgmusic.blogspot.com/2010/02/o-que-e-o-ramadan.html

    ResponderExcluir
  48. Resgate, no momento estou sem tempo para frilas e não posso ajudar. Sugiro que procure um profissional especializado no código do Blogger para ajudá-lo.

    ResponderExcluir
  49. Oi no meu blog não consigo achar o código igual ao que vc falou, então o que devo fazer? Preciso desse formulário abaixo da postagem logo!

    Obrigada,

    ResponderExcluir
  50. Mobem, eu entrei no seu blog agora e a postagem de comentários já está embutida no post. :)

    ResponderExcluir
  51. Helen eu quero que fique já na página inicial, tipo como o que ensina lá no blog do compulsivo, mas o problema é que quando entro na parte do HTML, p trocar os códigos, eles não são iguais aos que ele manda trocar entende? Na verdade eu quero entrar no blog, ver a postagem principal e logo abaixo, sem precisar ir p outra página ter o quadro de comentários entende?....Se puder me ajudar eu agradeço muitooo!

    Obrigada,

    Jaíza Chagas
    mkt Mobem

    ResponderExcluir
  52. Jaíza Chagas, isso eu nunca fiz para poder ensinar. Agora tô enrolada com trabalho + concursos + TCC e não tenho tempo para tentar. :(

    Boa sorte na busca por outros tutoriais que possam ajudar você. :)

    ResponderExcluir
  53. Obrigada pela resposta!!! Tb to fazendo TCC rsrss sei como é, boa sorte!

    Abraço!

    Jaíza Chagas

    ResponderExcluir
  54. Olha não consegui o resultado no meu blog, eu mudei a apenas as cores, o plano de fundo e layuot do blog sera que isso interfere gostaria muito que vcs me ajudassem meu blog é esse http://maniateenmania.blogspot.com/ e meu email é maniateen.teen@gmail.com ... Por favor me ajudem !

    ResponderExcluir
  55. Mania Teen, seu formulário de comentários embutido está funcionando perfeitamente.

    ResponderExcluir
  56. no meeu n consegui d jeito nenhum cara.. ja tentei de varias maneiras.. me da uma ajuda aí.. já tentei até pela ajuda do blogger mas ninguem respondeu... se precisar do codigo inteiro me pede o email

    ResponderExcluir
  57. Olá. Estou aqui para agradecer, seu post salvou a patria esta com problema no formulario novamente. e agora pude finalmente corrigir.
    Obrigada e parabens, sua é bem simples de entendi. Assim que eu gosto..rsrsrs...voltarei sempre que necessita..
    Novamente obrigada pela ajuda.

    ResponderExcluir
  58. Vixxxxx... Acho que eu to lascado.. rsrsrs

    Aquela parte do Codigo no topico "6" que é obrigado a estar no HTML não tem no meu...

    E agora?

    ResponderExcluir
  59. Helen valeu o tuto pois foi o unico que funcionou no meu novo template obrigado...chico

    ResponderExcluir
  60. Infelismente no meu não funcionou..segui certinho o passo a passo..fui em configurações
    aparece a opção formulário embutido..marquei e nada..pode me ajudar por favor??

    ResponderExcluir

Todos os comentários são moderados pela autora do blog.