Mudamos o layout e isso pode gerar alguns bugs nas postagens, se perceber algum avise: contanto@informaticando–ajuda.com

Formulário de comentários do Facebook em seu blog

Por: Enivelton Tigre,

p10 Já faz algum tempo que queria postar aqui esse tutorial mas a pagina de desenvolvedores do Facebook estava com erros, mas agora sim, o sistema de comentários para substituir o convencional é bem interessante, o visual muito agradável além de poder evitar aqueles trols anônimos, ou se quiser permitir tudo bem, a administração tem varias opções, confira abaixo como fazer a aplicação e usar no seu blog.

 

Stinha8[3][5][3][3][3] Bom, primeiramente você deve criar a aplicação para os comentários, clique aqui e crie na pagina de desenvolvedores, logicamente é necessário ter uma conta no Facebook, e se não for confirmada é necessário a confirmação que pode ser feita via celular.

p1 

- Coloque o nome do blog.

- URL do blog.

- O idioma, no meu caso coloquei português Brasil.

- Depois de clicar em criar, digite o captcha para a verificação de segurança.

 

Stinha8[3][5][3][3][3]Em seguida você já recebe os dados necessários para a criação do sistema de comentários.

 

p2

 

- App ID é a identificação da aplicação, mais na frente você vai descobrir onde utilizar.

 

Stinha8[3][5][3][3][3]Agora vamos criar o sistema de comentários, basta clicar aqui para acessar a pagina.

 

p4 

- Em Unique ID coloque a ID do seu perfil no Facebook.

p3

- Escolha o numero de comentários que devem ser visualizados na primeira pagina.

- Escolha a largura de acordo com o corpo de postagens do seu blog.

- clique em “Get Code”

 

p5

 

Stinha8[3][5][3][3][3]Código gerado, guarde esse código, ele será implementado em seu blog, clique em “JavaScript SDK” para obter o código de instalação do sistema de comentários.

 

- Código de instalação é gerado:

 

p6

 

- Em “your app id” coloque a ID da aplicação que você obteve lá no começo.

- Troque en_US por pt_BR.

 

Stinha8[3][5][3][3][3]Implementando no Blogger.

 

Abra 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.

 

- Procure pela seguinte linha do código-fonte:

<b:include name='nextprev'/>

- Acima dela cole o codigo.

 

- No caso de não achar a linha anterior, procure por essa linha e cole o código imediatamente abaixo desta linha.

<div class='post-footer'>

- Para que o sistema de comentários apareça apenas nas paginas das postagens, cole o código:

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

Codigo aqui   

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

Dentro dele no lugar de “Código aqui” cole:

 

code

- Não se esqueça de trocar a ID da App e o idioma de en_US para pt_BR.

 

- Agora retire o formulário de contato atual ocultando.

 

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.

 

p7

 

Este foi o resultado em um blog de testes que fiz:

 

p8

 

Stinha8[3][5][3][3][3]A administração dos comentários é bem simples.

 

p9

 

- No caso do blog possuir mais de um administrador basta adicionar os componentes do blog, ou colocar como moderador apenas.

 

- Permitir comentários anônimos ou não, se você permitir qualquer pessoa pode comentar, do contrario apenas pessoas com contas no Facebook podem comentar.

 

- Assinar notificações, assim você fica por dentro do que o pessoal esta comentando.

 

Stinha8[3][5][3][3][3]Implementando no WordPress.

 

Para WordPress é necessário baixar um plugin clicando aqui, depois instale e ative.

 

Na hora de configurar o plugin é necessário usar as mesma credenciais citadas para o Blogger.

 

image 

- ID da aplicação

- UID do seu perfil no Facebook

- Existem varias outra opções para configurar, mas essas são as principais, fazendo isso já começa a funcionar.

 

 

Qualquer dúvida a respeito do post basta comentar.