Disqus - Otimização no Formulário de Comentários de seu Blog
Todos os Blogs criados no Blogger possuem um formulário de comentários, que vem incorporado a todas as postagens de seu Blog (exceto as postagens que tiveram os comentários removidos). Este formulário não possui nenhum recurso, ele apenas permite a publicação de HTML. Para isso, é possível incluir em seu Blog um formulário de comentários melhor que o tradicional, com um design que pode otimizar o layout de seu Blog, graças ao DISQUS.
Vantagens do formulário de comentários DISQUS
O seu design é muito melhor, e combinam com os blogs que usam um layout diferente dos tradicionais. Ele também pede que preencha opções, como nome, e-mail e site/blog. Isto é melhor para saber como entrar em contato com seus visitantes, caso seja preciso responder alguma dúvida. É possível comentar usando sua conta DISQUS, sua conta do Twitter (Criando conta no Twitter) ou através de OpenID (O que é OpenID?). Também são disponíveis comentar usando conta do Yahoo!, Facebook, entre outros.
Para iniciar o processo, siga o link - http://disqus.com/comments/register/ o qual irá redirecionar para a página de cadastro do DISQUS. Nos primeiros campos de preenchimento, o qual iremos registrar nosso Blog, contém três campos de texto: Site URL¹ (Link de seu Blog), Site Name² (Nome de seu Blog) e Site Shortname³ (Nome de seu Blog, sem o uso de espaço ou sinais).
Agora que registramos nosso blog, deveremos criar uma conta de usuário. Basta preencher os dados abaixo do registro de sites/blogs: Username¹ (Nome de Usuário), Password² (Senha) e Email Adress³ (Endereço de e-mail).
Logo após preencher corretamente todos os dados, clique na opção "Continue". Esta etapa já estará concluída. Nesta etapa, devemos escolher os recurso que terão no formulário de comentários, e também as maneiras que os leitores poderão comentar. Primeiramente, devemos escolher a linguagem do formulário, ou seja, "Portuguese (Brazil)". Logo após, marque as opções que deseja adicionar em seu formulário, e clique em "Continue".
As etapas de cadastramento e desenvolvimento do formulário foram concluídas, agora devemos instalá-lo em nosso blog. Como este formulário irá substituir o formulário tradicional, então NÃO deveremos clicar na opção "Blogger", caso contrário, ele será adicionado como um gadget em sua sidebar. Para gerar o código do formulário, clique na opção "Universal Code".
Duas caixas com código HTML serão geradas, copie apenas o código da PRIMEIRA caixa. Logo após, esta janela poderá ser fechada.
Adicionando o DISQUS em seu Blog
Antes de prosseguir, é recomendável fazer o Backup de seu Blog, para evitar perdas ou problemas no template.
-> Faça backup de seu blog para proteger seu template e seus gadgets
No painel de seu Blog, vá em: Layout -> Editar HTML -> Marque a opção "Expandir modelos de Widgets". Logo após, procure pela tag: <b:include name='nextprev'/>
Abaixo desta tag, cole o seguinte código, fazendo as devidas alterações.
Substitua "Código do Formulário DISQUS" pelo código que foi copiado no site do DISQUS. Logo após, salve o seu template e confira o resultado. Caso não tenha corrido como desejado, faça o upload do antigo template.
Atualização 28/02/2010
Para que suma o formulário de comentários antigo, é preciso ir em: Configurações -> Comentários -> Marque a opção "Ocultar" e salve.
Vantagens do formulário de comentários DISQUS
O seu design é muito melhor, e combinam com os blogs que usam um layout diferente dos tradicionais. Ele também pede que preencha opções, como nome, e-mail e site/blog. Isto é melhor para saber como entrar em contato com seus visitantes, caso seja preciso responder alguma dúvida. É possível comentar usando sua conta DISQUS, sua conta do Twitter (Criando conta no Twitter) ou através de OpenID (O que é OpenID?). Também são disponíveis comentar usando conta do Yahoo!, Facebook, entre outros.
Para iniciar o processo, siga o link - http://disqus.com/comments/register/ o qual irá redirecionar para a página de cadastro do DISQUS. Nos primeiros campos de preenchimento, o qual iremos registrar nosso Blog, contém três campos de texto: Site URL¹ (Link de seu Blog), Site Name² (Nome de seu Blog) e Site Shortname³ (Nome de seu Blog, sem o uso de espaço ou sinais).
Agora que registramos nosso blog, deveremos criar uma conta de usuário. Basta preencher os dados abaixo do registro de sites/blogs: Username¹ (Nome de Usuário), Password² (Senha) e Email Adress³ (Endereço de e-mail).
Logo após preencher corretamente todos os dados, clique na opção "Continue". Esta etapa já estará concluída. Nesta etapa, devemos escolher os recurso que terão no formulário de comentários, e também as maneiras que os leitores poderão comentar. Primeiramente, devemos escolher a linguagem do formulário, ou seja, "Portuguese (Brazil)". Logo após, marque as opções que deseja adicionar em seu formulário, e clique em "Continue".
As etapas de cadastramento e desenvolvimento do formulário foram concluídas, agora devemos instalá-lo em nosso blog. Como este formulário irá substituir o formulário tradicional, então NÃO deveremos clicar na opção "Blogger", caso contrário, ele será adicionado como um gadget em sua sidebar. Para gerar o código do formulário, clique na opção "Universal Code".
Duas caixas com código HTML serão geradas, copie apenas o código da PRIMEIRA caixa. Logo após, esta janela poderá ser fechada.
Adicionando o DISQUS em seu Blog
Antes de prosseguir, é recomendável fazer o Backup de seu Blog, para evitar perdas ou problemas no template.
-> Faça backup de seu blog para proteger seu template e seus gadgets
No painel de seu Blog, vá em: Layout -> Editar HTML -> Marque a opção "Expandir modelos de Widgets". Logo após, procure pela tag: <b:include name='nextprev'/>
Abaixo desta tag, cole o seguinte código, fazendo as devidas alterações.
| <b:if cond='data:blog.pageType == "item"'> Código do Formulário DISQUS </b:if> |
Atualização 28/02/2010
Para que suma o formulário de comentários antigo, é preciso ir em: Configurações -> Comentários -> Marque a opção "Ocultar" e salve.







15 Comentários:
Eu fiz esse processo, deu certo, mais so tem um problema, a caixa antiga continuou no mesmo lugar, ou seja, ficaram duas caixas de comentarios, como faço para que so fique uma?
Obrigado!
@Victor Gabriel,
No painel de seu Blog, vá em: Configurações -> Comentários -> Marque a opção "Ocultar" e salve. Obrigado por alertar deste erro, vou atualizar o tutorial!
Valeu pela dica!
Eu estava apanhando aqui! rsrs
bju
pow valeu pela dica ja to usando no meu blog
poxa é bom mas ao mesmo tempo é ruim, eu n sei quem comentou, a tag de comentário some do post, tem como configurar pra aparecer quantos comntários tem no post e como eu saber quem comentou?
@TGD,
Infelizmente não é possível. Apenas com o sistema padrão do Blogger é possível.
Alguém tentou adicionar o Disqus em uma página e não apenas nas postagens?
David,
É possível adicionar o Disqus em uma página, sem ser apenas nos posts. É só colar o código na página, ao invés de colocá-lo no lugar do outro formulário de comentários.
Meu colega do Blog, tente fazer do jeito que você falou e não deu certo, com tudo, coloquei no modelo de gadget no meu blog e deu super certo.
Inclusive, nem precisei ocultar o formulário existe do blog. Assim que eu adicionei o nosso formulário, o antigo, do bog, automaticamente ficou oculto. Demais!!!!!
Valeu ela dica, ficou show!!!!
Olá, fiz tudo conforme foi dito aqui. O Disqus aparece seu formulário em meu blog, porém quando deixo algum comentário em um post, este comentário aparece em todos os outros posts que tenho em meu blog. O que pode estar ocorrendo?
Revista Antenados,
Você, provavelmente, colocou o Disqus para que apareça em todas as páginas do seu blog, e não apenas na página dos posts.
Valew pelo Post, ficou muito bom
e me ajudou bastante aqui..
Parabéns pelo trabalho...
Só fiquei com uma duvida,
que não consigo colocar o Disqus
nas paginas do meu Blog, pois ele somente
aparece nos Posts.
Gostaria de uma ajuda..
quem souber..
Desde ja agradeço !
Power Videos HD,
Você quer que ele apareça em todas as páginas do blog? Então terá de colocar o código do Disqus sem o <b:if cond='data:blog.pageType == "item"'>
Simplesmente Perfeito!
Ficou muito fixe!
Mas só dá nos post. Não dá para por nas páginas também.
Obrigado!
Postar um comentário
-> NÃO faça comentários ofensivos;
-> Faça comentários apenas RELATIVOS ao assunto do artigo;
-> NÃO faça conversas nos comentários;
-> É PROIBIDO usar links desnecessários, para isso comente usando OpenID;
-> Os comentários são VERIFICADOS, para garantir que não seja violada as regras acima;
Se preferir, fale conosco pela página de CONTATO.
Dica
Use tags como <b> e <i> para fazer comentários mais relevantes.