Disqus – Formulário de Comentários personalizado para Blog


O grande dilema de quem tem blog no Blogger é que o formulário de comentários padrão dos artigos é muito limitado e pobre de recursos e é inviável tentar qualquer tipo de personalização, já que o máximo que se consegue fazer é mudar cores e posição. No Wordpress já é um pouco mais fácil, mesmo assim, para quem não entende muito de HTML pode ser um pesadelo. Então encontrei um serviço que vai ajudar você nisso e vai deixar o seu formulário mais atraente.

 

Não se trata de uma simples mudança no modelo, mas é a troca completa do formulário de comentários antigo de seu blog para um novo, mais moderno e prático e bem mais objetivo. Vou mostrar como instalar e usar tanto no Blogger quanto no Wordpress.

 

Trata-se do Disqus - http://disqus.com/. É praticamente um serviço de administração de debates e comentários, onde se pode configurar respostas, as pessoas podem cadastrar um perfil e acompanharem as respostas que forem publicadas.Todos que deixam comentários em certos debates recebem atualizações e isso mantém o movimento. E com este serviço você pode até criar comunidades de debates sobre um determinado tema ou assunto, vai de sua criatividade e de sua capacidade de criar uma comunidade em torno de seu blog.

 

O uso mais objetivo é mesmo como formulário de comentários nos artigos do Blog.

Se você quiser ver funcionado e o resultado nos artigos do meu outro Blog: Lemos [ Idéias ] - http://www.lemosideias.com/.

 

disqus-comentarios-blog

 

Como instalar em seu blog?

De forma bem simples e objetiva, basta entrar no link do site e fazer o seu cadastro. O site é em inglês mas é bem intuitivo. Para tanto, clique no botão “Get Started” como ilustra a imagem abaixo.

 

start-disqus-blog

 

E na página seguinte adicionar seus dados. Certifique-se de que digitou corretamente seu e-mail, pois é por ele que você receberá as notificações. Então na primeira página você vai criar uma conta, com seu e-mail um login e uma senha.

 

passo1-disqus

 

Clique no botão “Sign Up” e agora preencha os dados do seu blog onde será usado o novo formulário. Isso é importante ser específico, pois o código que será adicionado ao seu blog vai conter a URL de destino do blog onde será usado o formulário.

 

passo2-disqus

 

Clique em “Done”.

Agora é preciso muita atenção, pois para cada plataforma de blog tem um processo diferente de incorporação do código. Antes de clicar na sua plataforma, veja as instruções específicas que coloquei abaixo para cada caso, seja do Wordpress ou do Blogger – cada um tem uma maneira distinta de fazer.

 

passo3-disqus

 

Para quem usa Wordpress.

No caso do Wordpress esse serviço só funciona se você usa host, ou seja, se seu blog está hospedado num servidor próprio. Para quem tem um blog no Wordpress padrão esse modelo não se aplica. Leia mais sobre as diferenças no serviço do Wordpress aqui:

Se você tem o Wordpress completo, basta clicar no banner do Wordpress e seguir as instruções para baixar e instalar o plugin. Bem objetivo e prático e começa a funcionar na mesma hora.

 

Para quem usa o Blogger – Blogspot.

Nesse caso você NÃO vai clicar no banner do Blogger, pois será preciso adicionar o código de uma outra maneira para aparecer apenas nos artigos desejados e fazer algumas mudanças no modelo do template.

Você vai clicar no link abaixo dos banners das plataformas, em que diz “Generic code” e na janela que abrir, selecione o primeiro código por inteiro e sem modificar nada nele, conforme a imagem.

 

passo4-disqus

 

Agora abra em outra janela o painel do Blogger, vá no menu “Layout” ~> “Editar HTML” e marque “Expandir modelos de widgets” para poder ver o código-fonte completo de seu template.

Aí procure pela seguinte linha do código-fonte:

 

<b:include name='nextprev'/>

 

E imediatamente ACIMA dela cole o que vou mostrar aqui, exatamente como está:

 

<!-- Novo Comentario Inicio –>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>

Código “Generic Code” copiado da página do serviço……

    </b:if>
<!-- Novo Comentario final -->

 

Onde está indicado de vermelho cole o código que você copiou, onde estava indicado “Generic Code”. Tudo isso será adicionado onde indiquei. Então salve o modelo.

 

Atualização: Ou procure por essa linha e cole o código imediatamente ABAIXO disso:

<div class='post-footer'>

 

Mas antes de ver o resultado em seu blog é preciso tirar o antigo formulário de comentários e para isso existem duas maneiras.

A primeira é ir no menu “Configurações” ~> “Comentários” e marcar a opção “Ocultar”. Isso não apaga os antigos comentários, mas tira o formulário padrão.

 

ocultar-comentarios-blogger

 

Ou você pode ir em cada um dos artigos já publicados e nos futuros e marcar a opção de que não terão comentários. Para detalhes de como fazer isso, leia:

 

Feito essas mudanças, vá ao seu blog e veja o resultado.

 

Artigos relacionados:

 

Fonte: Woork.



19 comentários

Marcos Lemos disse...

Alguém do Blog Bordados de Mim, entrou em contato perguntando se esse formulário abre algum Pop-Up.

Não. Se vc olhar no blog que citei como exemplo verá que o formulário de comentários está no final do artigo e não abre nenhum pop-up.

Pedro Cabral Blog disse...

Olá Marcos.

Fiz tudo como vc disse e acusou esse erro:

"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 string "--" is not permitted within comments."

Abraço

Marcos Lemos disse...

@Pedro Cabral,

esse erro acontece quando se coloca o código em algum lugar errado.
Se você seguiu o tutorial como deve, então esse erro não aconteceria. Certifique-se de que colocou o código no lugar indicado por mim.

Adicionei uma outra opção de local para o código para que você tenha certeza de que fez a coisa certa.

virtualz1.com disse...

Ah muito temnpo venho testando o Disqus, e tentando achar um modo de exportar os comentários!

Tenho ele em um outro Blog, caso queriam ver: Blog do ANdersonZ1

São apenas testes, mas dá para ver que funciona muito bem!, e ainda pode ser customizado ao seu gosto!

Bom, se que eu já estou migrando para o WP...

--
AndersonZ1.

virtualz1.com disse...

AH, e sobre o erro acima, dá primeira vez que instalei, deu muitos problemas, mas consegui, depois que o retirei para customizá-lo, tive que instalar manualmente! ¬¬

--
AndersonZ1.

Hamilton disse...

Uso o Discus faz um bom tempo e estou adorando. Agora descobri o http://js-kit.com/
Nesse serviço, quem comenta pode até colocar um vídeo do YouTube no comentário!

J. Neto disse...

Marcos, sua dica são ótimas.
Eu vou testar este formulário no PensandoBits (meu segundo blog).

Mas tenho uma queixa a fazer: não sei se você prefere assim, mas sou leitor de seus feeds por e-mail e as fontes dos textos lá são muito pequenas. No ínicio, achei que era meu navegador, mas não é. Se você prefere mantê-las assim, tudo bem, mas infelizmente vou ter que cancelar, pois não posso vir sempre aqui em seu blog e só o leio pelos feeds.

Óbvio que só estou dizendo isto porque, antes, você fez um post excelente sobre a importância dos feeds para nós, blogueiros.

Abraços

Marcos Lemos disse...

@J. Neto,

eu não sabia que a fonte fica pequena, vou providenciar a mudança, mas recomendo que assine o Feed por algum Reader que eh mais pratico.

Mas obrigado pela dica!

Robson Alves disse...

uma dúvida.
nos recebemos o email de quem comenta?

Marcos Lemos disse...

@Robson Alves,

Não... o e-mail é apenas para a pessoa receber as atualizações e respostas aos comentários caso ela queira.

Iury BAS disse...

HUuuumm.. legal esse formulário para os mais diversos tipos de blogs. O Blogger por exemplo é bem carente neste sentido. Não consegui fazer da maneira como esta sendo dita no post, mais fiz de outra maneira e estou usando ele.

Iúri disse...

Olá, boa noite!

Achei ótimo o artigo, porém a dica só funcionou no item "Atualização", onde se coloca o código abaixo do "div class='post-footer'".

Mas, o que percebi, é que a página principal do blog ficou mais devagar para carregar tudo, ou seja, só carregava o texto principal, e depois a coluna da direita. Acabei retirando o Disqus.

Abraço,
Iúri.

Teste...1...2...3. disse...

cara, muito bom o seu blog....me ajudou a matar muitas dúvidas

Claudio Sanches disse...

Tenho usado Disqus a algum tempo, gostaria de saber se tem algum jeito de fazer aquele widget mostrando quantos comentários foram feitos com ele? tipo um feed de comentários do Disqus? ate aonde procurei não o encontrei.

Marcos Lemos disse...

@Cláudio,

Também desconheço essa possibilidade de contar os comentários desse serviço.

Digo disse...

Olá Marcos,o tutorial é muito bom,acredito que a melhor forma é a automatica,fiz neste blog aqui e deu tudo certo,você faz o download do tema,o DisqUs upa e adiciona o codigo automaticamente(tentei fazer manualmente e não deu certo),depois você copia o novo código,vai em EDITAR HTML e cola lá no lugar do codigo que está lá,quanto a escolha das postagens que você quer que apareçam o novo sistema,é possivel escolher isto antes de adicionar o código.aahh quando for fazer referencia a mim faça como @digaong(meu perfil do twitter).Flws

Matheus G. disse...

Olá marcos já tem um bom tempo que você publicou esta postagem mais me deu uma duvida se eu colocar o disqus as tags do blogger iram funcionar tipo as de contar os numeros de comentarios?

Marcos Lemos disse...

@Matheus G.
Não é garantido. Apesar da compatibilidade total dos dois serviços, não dá pra garantir que os contadores funcionem.

Matheus G. disse...

Marcos eu teste o Disqus e ele esta com novas funcionalidades algumas como:o disqus agora na instalação vc pode mandar o arquivo XML do template que ele faz a instalação automaticamente ai é so copiar o codigo do template e pronto.O disqus também acrescentou a opção de manter os comentários sincronizados com o do blogger ou seja as tags contadoras continuariam a funcionar. Também em uns dos comentários acima pedia um feed do dos comentarios no disqus eu encontrei os gadgets dos últimos comentários,Top comentadores e tambem dos segmentos populares encontrados em Tools> Extra widgets, simple não? agora estou gostando do Disqus, prefiro ele do que o do blogger que abre janelas, tem de recaregar a pagina etc...

Postar um comentário


Gostou do que encontrou aqui?
Comente este artigo que acabou de ler.
Quer entrar em contato ou tirar alguma dúvida? Formulário de Contato
Nos comentários dos artigos escreva apenas o que for referente ao tema.
Antes de Comentar leia nossa Política para Comentários para saber como interagir com nossos artigos, tirar suas dúvidas e ser respondido(a).



 
Direitos reservados © [ FerramentasBlog.com ] |