Como colocar os comentários do Facebook no Blogger

Sempre falamos aqui no CBBlogers sobre a importância das redes sociais para quem tem um blog, e sem dúvidas colocar os comentários do seu blog linkado ao Facebook é um bom diferencial que irá facilitar ainda mais a vida dos seus leitores. Sem contar que com esse tipo de comentário, a chance de aumentar as suas visualizações crescem, pois o leitor tem a opção de compartilhar na timelime atraindo mais pessoas para o post.

Por isso hoje iremos aprender como colocar os comentários do Facebook no seu blog, lembrando apenas que esse tipo de tutorial é valido só para a plataforma Blogger. Isso é possível ser feito sem desativar os comentários do próprio blogger.

Irei dividir esse tutorial em duas partes para facilitar a colocação desses comentários.

Parte 1 – Como criar o plugin?

Nessa primeira parte iremos aprender a como criar um plugin no Facebook, que irá auxiliar na colocação dos comentários no blogger.

Já logado na rede social, acesse a página “developers” para a criação do aplicativo: https://developers.facebook.com. Posicione o mouse na opção “My Apps” e clique em “Add New APP”

Caso você já tenha criado algum aplicativo aparecerá nessa página, que no meu caso apareceu os que eu já tinha criado de teste e o do meu blog.  Aparecerão as opções conforme a figura abaixo escolha a opção “Site”

Você irá inserir o seu endereço do blog e clicar em “Create New Facebook App ID”. Eu utilizei o exemplo o blog da nossa companheira aqui de comunidade a Raquel Correa, pois o meu já estava criado.

Aparecerá a página abaixo, escolha a categoria do seu blog e clique em “Create APP ID”

Irá abrir a página abaixo com um código que não iremos utilizar, você irá clicar em “Skip Quick Start”

O código APP ID será o que iremos utilizar no código HTML para criar a janela de comentários do Facebook

Pronto! Criamos o app, o próximo passo será colocá-lo no blogger.

Parte 2 – Colocando os códigos HTML

1º Passo: Entre no painel do Blogger e vá até a opção “Modelo” e clique em “Editar HTML“.

2º Passo: Copie o código abaixo, substituindo a parte em negrito pelo ID do aplicativo que foi gerado pra você no Facebook:

---

<script src=’http://connect.facebook.net/pt_BR/all.js#xfbml=1’/>

<script src=’http://code.jquery.com/jquery-latest.js’/>

<meta content=’ID-DO-APLICATIVO’ property=’fb:admins’/>

---

3º Passo: Pressione as teclas “CTRL + F” e procure por: </b:skin>. Cole o código do passo anterior bem abaixo da TAG pesquisada.

4º Passo: Nesses novos códigos que se expandiu, procure por:

<b:includable id=’comments’ var=’post’>

Depois de encontrado o código, você irá clicar na setinha preta para expandi-lo e logo depois desse código irá inserir todas as informações abaixo:

<div class=’comments-page’ id=’fb-comments-page’>

<b:if cond=’data:blog.homepageUrl != data:blog.url’>

<div id=’fb-root’/>

<fb:comments expr:href=’data:post.url’ num_posts=’52’ width=’620′/></b:if>

</div>

<div class=’comments comments-page’ id=’blogger-comments-page’/>

Pronto! Agora basta clicar em “Salvar modelo” e ver como ficou!

Caso queira alterar a largura da caixa de comentário, isso pode ser feito nesse segundo código na opção em negrito: width=’620′.

---

Agora os comentários do Facebook já estarão disponíveis no seu blog! Gostaram da dica?

CBBlogers by Grazi Forti

E pra quem quiser conhecer um pouco mais sobre a Grazi, acessem o blog Falando de Feminices  para encontrar várias dicas e também não esqueça de segui-la aqui na nossa Comunidade!

Facebook / Twitter / Pinterest / Instagram

Tags: apps, blogger, dicas, dicas tech, redes sociais