Dicas para Blogger 17 - Como colocar comentários do facebook no celular

Bem vindos a mais uma parte da série de matérias Dicas para Blogger, onde o RWF ensina alguns truques que vão ajudar blogueiros iniciantes e até aqueles mais experientes que precisam de uma mãozinha. Hoje vamos falar sobre comentários do facebook na versão mobile do seu blog, ou seja em celulares, tablets etc.

Para ser honesto hoje em dia é difícil que as pessoa realmente comentem em blogs, principalmente os menores, mesmo assim é bom sempre ter a opção caso algum leitor queira deixar um recado no seu site.

Comentários do Facebook no seu site

Aqui no Real World Fatos nós já ensinamos antes como colocar os comentários do facebook via plugin no seu site, normalmente quando você faz isso eles também aparecem automaticamente na versão mobile do seu site. Mas como o Facebook e o Blogger mudam seus códigos e plugins com frequência, e ficam cada vez piores de serem usados no processo, é possível que o seu site não tenha eles nas duas versões. Se isso está acontecendo com você siga o passo-a-passo a seguir para resolver o problema.

Comentários do Facebook em mobile

Clique em "Tema" e depois em "editar HTML" e vá até o seu código body que normalmente é escrito como <body.

Ache o código <div id='fb-root'/> e embaixo dele cole o seguinte: 

<script>(function(d, s, id) {

  var js, fjs = d.getElementsByTagName(s)[0];

  if (d.getElementById(id)) return;

  js = d.createElement(s); js.id = id;

  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=ID&version=v2.0";

  fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

Onde está o ID em azul você vai substituir pelo seu Facebook ID, o código numeral que eles te deram quando você criou seu plugin de comentários.

É possível que você já tenha esse código no seu HTML, nesse caso apenas vá para o passo seguinte.

Abaixo do código acima cole esse segundo código:

<p align='center'>
<span style='font-size: 15px;font-weight:bold;'>Facebook Comment Box </span>
</p>
<div style='text-align: center;'>
<fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' mobile='yes' numposts='10'/>
</div>

E pronto! Se isso não fez os comentários aparecerem no seu blog significa que seu HTML pode estar "quebrado", ou seja, outras modificações que você já fez nele podem estar impedindo os códigos dos comentários de agirem no seu site.