sexta-feira, 26 de fevereiro de 2010

Disqus - Otimização no Formulário de Comentários de seu Blog

Olá, caro leitor! Se você quer acompanhar todos os nossos artigos, sinta-se a vontade para assinar nosso feed.

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.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
Código do Formulário DISQUS
</b:if>
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.

15 Comentários:

Victor Gabriel disse...

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!

Vinicius Chargel disse...

@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!

Jéssica Louisiana disse...

Valeu pela dica!

Eu estava apanhando aqui! rsrs

bju

Anônimo disse...

pow valeu pela dica ja to usando no meu blog

Larya_br disse...

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?

Vinicius Chargel disse...

@TGD,

Infelizmente não é possível. Apenas com o sistema padrão do Blogger é possível.

David disse...

Alguém tentou adicionar o Disqus em uma página e não apenas nas postagens?

Vinicius Chargel disse...

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.

Informativonb disse...

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

Tosta disse...

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?

Vinicius Chargel disse...

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.

Power Videos HD¹ disse...

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 !

Vinicius Chargel disse...

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 == &quot;item&quot;'>

Paulo Silva disse...

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.

Perfil

Sou Vinicius Chargel, criador e administrador do Desenvolvimento Blogger. Estudante, Twitteiro e Blogueiro. Atua na internet desde 2006, mas começou a criar blogs apenas à 1,5 anos atrás. Nascido em 1997.

Contadores/Estatísticas

Creative Commons License

Contribua com este blog!


  ©Desenvolvimento Blogger - Todos os direitos reservados.

Template by Dicas Blogger | Topo