Form de comentários abaixo do post no blogger? SIM! Igual ao Wordpress!
ATENÇÃO:
ESSE ARTIGO ESTÁ DEFAZADO.
Veja nova solução na seguinte postagem:
Novo!
Adicionando form de comentários
abaixo do post no Blogger
Segue postagem antiga:
Olá!
Hoje eu estava navegando na internet procurando alguns templates para favoritar (e converter depois), quando o oráculo (vulgo Google) me mostrou um HACK magnífico para blogger: Formulário de Comentários no post, sem pop-up nem nova página, bem ao estilo WordPress!
Resolvi experimentar, gostei, então estou aqui traduzindo para vocês 
Sabemos que para comentar no blogger/blogspot, o visitante é direcionado a uma nova página ou a um pop-up. Isso é um pouco ruim, a pop-up não é bem visualizada em alguns navegadores (no Firefox ela sempre aparece incompleta) e a nova página desestimula o comentário.
E nós, blogueiros, gostamos dos comentários não é mesmo? Eu gosto, apesar de nunca ter muito tempo para responder a todos.
Sabemos também que no WordPress, o formulário para comentários está logo ali, abaixo dos posts, facilitando a re-leitura do texto para que o visitante formule sua pergunta ou mesmo resposta ao post.
Muitos se perguntam: como ter um formulário de comentários no blogger, um formulário igual ao do WordPress? Será possível?
Sim! No novo blogger Agora é possível!
Por favor, FAÇA BACKUP DO TEU TEMPLATE antes de qualquer alteração.
Vá até a configuração do teu blogger, na aba Comentários, e se certifique de que a opção Mostrar comentários em uma janela pop-up esteja selecionada.
Grau de dificuldade: MÉDIO, desejável intimidade com html.
Preparado?
Então vamos começar a brincadeira:
1. Vá até seu Painel do blogger - > Aba MODELO - > Editar HTML;
2. marque a caixa Expandir modelos de Widgets;
3. Procure pelo código abaixo:
4. Substitua todo esse código pelo novo código a seguir:
http://templatesforyou.googlepages.com/CommentForm-blogger.txt (clique em salvar destino como com o direito do mouse).
5. Copie todo o código HTML abaixo e cole acima da tag </body>. Normalmente é a penúltima linha no teu template. (Se o seu blog já é meio pesado, pode colocar antes da tag <body>):
6. Procure no teu template por esse código:
7. Substitua pelo código a seguir:
8. Depois de fazer o passo 7, diga obrigado prá mim 
(pode dizer ao jackbook.com 
)
9. Agora clique em Salvar Modelo.
10. Olhe seu blog: agora, ele tem um sistema de comentários abaixo do post
Atenção!O blogger possui duas formas de comentários: abrindo em nova página e em pop-up. Para usar esse hack, precisa configurar seu blogger para comentários pop-up. É preciso ter atenção especial quanto a isso.
Com os comentários em pop-up, na página do post os comentários vão aparecer primeiro e lá embaixo aparecerá a caixa para comentar.
Com os comentários em página inteira, os comentários aparecerão à esquerda e a caixa de comentário ficará escondida à direita, e o visitante precisará rolar a barrinha para comentar.
De toda forma, você pode experimentar as duas formas e ver qual prefere.
Espero que gostem!
Dica garimpada do blog JackBook http://www.jackbook.com/2007/06/how-to-make-readers-leave-comment.html
Comments
Comment from Erica - TemplatesForYou
Time: outubro 22, 2007, 11:39 pm
Comentando para testar, aparentemente ficou muito bom!
Comment from Claudya
Time: outubro 23, 2007, 5:35 am
Eu tinha visto essa dica tb. Não tive tempo de testar, parabéns. Excelente! Vou publicar lá http://blog-memories.blogspot.com/. Bjos. amiga.
Comment from Templates para Você
Time: outubro 23, 2007, 1:39 pm
Ei Erica,
Estou passando para matar as saudades desse blogs tudo de bom!
Super dica a sua! Valeu mesmo! Eu tenho visitado o jackbook, mas como meu inglês não é dos melhores, eu não tinha visto essa dica legal!
Muitas bjks,
Aú
Comment from Tiago
Time: outubro 23, 2007, 5:36 pm
Valeu, muito obrigado. Você e a Nospherat são as melhores mulheres da blogosfera!!
obs.: Funcionou em um blog novo que fiz, mas não funcionou no blog mais velho que tenho. Esse blog mais velho não aceita certos hachs. Acho que por causa de tantas modificações manuais que já foram feitas nele e deve ter ficado “desfigurado”.
Blog antigo que falei: http://adeusaotrabalho.blogspot.com
Blog novo: http://tiagolico.blogspot.com
Comment from Elke di Barros
Time: outubro 23, 2007, 8:02 pm
Olá, entrei de novo, vamos ver se assim consigo comentar, dei uma volta…
Sempre passo por aqui para conferir seus posts, e apesar de não usar os comentários do Blogger, essa sua dica é tudo de bom !
Já linkei ao meu blog, quer dizer, não sei se é mesmo daquela forma, depois dê uma conferida, está na coluna a esquerda. Um abraço !
Comment from Ariane
Time: outubro 24, 2007, 5:22 am
Obrigada pela visita e pelo toque! Eu não entendo muito o que acontece, meus blogs lá aparecem como nunca atualizados, apesar de eu sempre estar pingando. Já mandei e-mail para o pessoal de lá mas não obtive resposta…enfim, fico meio sem ter o que fazer à respeito. Obrigada pelas palavras também, são muito importantes para mim.
Bjs
Comment from Claudya
Time: outubro 27, 2007, 10:32 am
Erica, te indiquei prá fazer um meme de estórias de terror (se quiser). Bjs
Comment from Yamilla
Time: outubro 27, 2007, 4:14 pm
cara;
sei q esse nao eh post mais correto pra eu fazer esse comentario, mas eu tava vendo o post anterior, e vi o site Grab a Theme, axei os templates de lah Perfeitos, os melhores q já vi, soh q tao tudo em php :’(
será q vc nao pode disponibilizar mais alguns templates de lá convertidos pro xml naao? :”(
ou então sla, qm sabe se vc pudesse deixar um tutorial de como se faz isso, seria muito grata
bjs;
Comment from Erica Akira
Time: outubro 28, 2007, 4:47 am
Yamilla,
o que eu faço é baixar o .php par ameu Wordpress (são temas para wordpress), e analiso a página aberta no browser. Pego o html formado e adapto as tags do blogger nesse html.
Estou pensando em converter mais templates do GrabATheme, mas não sei qual converter.
qual você gostaria de ver convertido?
Beijos!
Comment from Igor Palácio
Time: outubro 28, 2007, 6:46 am
Pqp! ficou massa! Boa dica! =*
Comment from Made Warez in Brasil
Time: outubro 28, 2007, 5:55 pm
Oi.
A Claudya (http://blog-memories.blogspot.com/2007/08/adicionando-outra-coluna-no-tema-do.html),
me indicou.
Eu tenho esse blog http://www.mwbra.com
Aí tem a versão em inglês http://mwb-en.blogspot.com/ que é onde estou tentando adicionar uma 3ª coluna. Eu consegui, só que ela não fica com o mesmo estilo da coluna da esquerda.
A Claudya disse q eu deveria entrar em contato com o que adaptou o template, mas achei la no Jackbook, e não falo inglês.
Ela está tentando me ajudar e disse que talvez você também possa.
Se você puder eu ficarei eternamente grato, pq já mexi no CSS todo e nada 
Desculpa encher seu saco e obrigado desde já.
Ps.:Seu formulário de contato está com algum problema. Mesmo digitando o código de conf. corretamente, ele não envia a mensagem.
Comment from funari
Time: outubro 29, 2007, 12:06 pm
Seus templates são lindos
parabens
Comment from Claudya
Time: outubro 31, 2007, 6:23 am
Erica, assim que vc. conseguir (sem a obrigação é claro!) me fala. Estou pensando em mudar pro WP. O que vc. acha?
Comment from Erica Akira
Time: outubro 31, 2007, 8:18 am
Cláudya,
acabei de te enviar um email, depois vc olha!
mandei no Hotmail que aparece como contato em teu perfil.
Comment from Edson Luiz
Time: novembro 1, 2007, 2:31 am
Ericaaaaaaaaa, Valew pela visita lá no blog, e os méritos pelo blogurinhas foi todo seu eu só fiz o favor de mostrar, agora quanto esse negocio de comentários tipo o do wordpress, não sei se é meu mozila que está com problema mas quando eu acesso uma postagem os comentários ficam na tela toda e não aparece nada do blog, será algum erro,
Beijos
Comment from Erica Akira
Time: novembro 1, 2007, 8:31 pm
Oi Edson!
Pois é, o código só dá redondinho no IE
Estou procurando solução para o Firefox, mas até agora nada.
Quem vê o blog pelo Firefox, verá o comentário assim grande só na primeira visita.
Nas restantes, aparecerá perfeito.
Toda vez que reiniciar o FF, vai dar esse problema de redirecionamento
Abraços!
Comment from José Guimarães
Time: novembro 2, 2007, 1:01 pm
É este formulário que você fala?
Preciso de um template. Mas pelo visto, quando a gente instala apagam todos os arquivos do anterior?
Comment from Danilo Soldier
Time: novembro 2, 2007, 3:00 pm
Cara muito obrigado ja estava procurando por isso ha muito tempo valeu
Comment from Caloã
Time: novembro 5, 2007, 3:51 am
Adoro mulheres inteligentes
Arrepiou na dica.
Bjo.
ps.: No meu firefox ficou perfeito.
Comment from Ariane
Time: novembro 8, 2007, 1:23 am
Oi, tem convitinho lá no meu blog de templates, prá participar de um meme, ok? bjs
Comment from betin
Time: novembro 10, 2007, 10:22 am
oi me ajuda , naum achei d forma alguma o segundo codigo,
tentei olha d ponta aponta, podia me manda
um template inteiro, p/ eu estuda?!
Agradeço muito
Comment from Reliquia74
Time: novembro 16, 2007, 1:14 am
Olá, Depois de seguir cuidadosamente todas as etapas até o passo 7, na hora que vou gravar aparece a mensagem:
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 content of elements must consist of well-formed character data or markup.
me ajude por favor!!!
Comment from Wagner
Time: novembro 18, 2007, 3:13 pm
Gata infezlimente fiz de tudo o que você imagina pra colocar o lance como você mandou atré abri o dreamweaver pra fazer isso, fiz como você disse, fiz exatamente como você disse, mas infelizmente não pegou, qwue inclusive o meu template é o Deep Blue em xml que você colocou aqui.
Olha me ajuda por favor sempre olho o seu blog, mas por favor me responde este comentário por email por que não tem como eu saber se você respondeu.
Abraço!
Me ajuda por favor!
Comment from Erica Akira
Time: novembro 19, 2007, 12:12 pm
Oi Wagner!
Se você sempre olha o meu blog, você vai ver essa resposta bom, se você não achou o código do modo que ele está aqui, você pode tentar achar por código parecido.
Infelizmente os templates do Blogger não seguem um padrão, então por exemplo, em alguns templates o objeto de layout que define os posts é a < div id="content" >, em outros templates pode ser a < div id="entry" > ou ainda < div id="post-entry" >.
Com toda a certeza, esses códigos do tutorial acima se encontram no template, mas talvez estejam dentro de objetos um pouco diferentes.
Como o DeepBlue é um template convertido do WordPress para Blogger, as chances dos objetos de layout dele serem diferentes são grandes (pelo que eu me lembro, as classes e ids das DIVs são sim um pouco diferentes.)
Abraço!
Comment from Ariane
Time: novembro 22, 2007, 7:22 am
Tava procurando este post e cai aqui: http://estaki.wordpress.com/2007/11/01/form-de-comentarios-abaixo-do-post-no-blogger-sim-igual-ao-wordpress/
esse blog é seu??
bjs
Comment from Joel
Time: novembro 24, 2007, 9:49 pm
Cara, fiz tudo do jeito que vc postou ai, fiz até mais de uma vez, mais aparece a seguinte mensagem de erro:
“Não foi possível salvar o modelo
Corrija o erro abaixo e envie o seu modelo novamente.
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 content of elements must consist of well-formed character data or markup.”
poderia me da uma luz, já quebrei a cabeça tentando resolver, obrigado pela atenção e parabéns pelo teu site…
Comment from Marcelo
Time: dezembro 16, 2007, 2:26 pm
Também está dando problema aqui. Ainda bem que eu fiz backup do template (a primeira vez, hehe), então se não der tudo bem.
Eu li a sua resposta ao comentário, e você não podia por favor apontar as diferenças que poderiam ter no código dependendo do layout, para que eu tentasse fazer cada uma separadamente até funcionar?
Comment from JDiniz
Time: janeiro 21, 2008, 2:54 am
Não consegui usar no meu blog.
O erro é esse:
“Não foi possível visualizar o modelo
Corrija o erro abaixo e envie o seu modelo novamente.
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: Open quote is expected for attribute “{1}” associated with an element type “class”.”
Pode me ajudar?
Amplexos
Comment from Guilherme
Time: julho 31, 2008, 12:27 pm
E ae, tudo bem?
Vi o seu hack e achei animal e muito bem comentado pela turma. Todavia, como gosto de pesquisar bastante antes de tentar algo, acabei chegando num site do blogger que diz que essa feature está em “draft” pelo pessoal do Blogger, ou seja, tem como voce usar na versão beta se quiser.
Mais informações aqui ó: http://jackbook.com/blogger-hack-blogspot-hack-blogger-templates-customizing/finally-coment-form-under-post-on-blogger-officially-embedded/
Espero ter ajudado
Comment from Luciano Asantos
Time: agosto 15, 2008, 10:21 pm
segui seus passos mas não consegui alterar o html do meu blog, ficou aparecendo uma mensgem que, basicamente, dizia para verificar se o html não estava fechado. espero ajuda.
obrigado
Comment from Felipe Felix
Time: agosto 17, 2008, 9:33 am
Muito Thank You!
Comment from Felipe Felix
Time: agosto 17, 2008, 11:17 am
tmbm tah dando erro.
Comment from Erica Akira
Time: agosto 20, 2008, 8:30 pm
Olá Guilherme!
Sim, mas para o Brasil e Japão (meu caso) o draf demorou um pouco mais prá liberar essa feature.
agora é corrigir todos os templates para uso com os comentários abaixo do post ORIGINAIS DO BLOGGER
Comment from Pablo
Time: setembro 13, 2009, 2:26 pm
como eu coloco um formulario de comentario igual a esse aki no blogger?
me responde por favor!!
por favor … vlw
em 
em 
Comment from Erica - TemplatesForYou
Time: outubro 22, 2007, 11:39 pm
Realmente, ficou uma beleza!
Usem e abusem!