Erro ao adicionar facebook fanpage like box no Blogger [ Resolvido ]

adicionar fanpage facebook no blogger sem erro

Ola hoje vamos mostrar como adicionar o facebook fanpage like box plugin no Blogger isso vai ajudar a melhorar a experiencia com o usuario, mas o que ultimamente tem dado uma dor de cabeça nos blogueiros ao adicionar isso no template do Blogger por isso estamos aqui a lhe ajudar a resolver esse erro siga os passos abaixo:

Como adicionar facebook fanpage no blogger

Primeiro vamos criar o plugin na pagina developers do facebook
faça login em sua conta facebook  então clique aqui uma vez que esta na pagina do facebook copie e cole o link no local indicado da sua fanpage então coloque o link de sua fanpage pode configurar como for do seu agrado aconselhamos a  deixar marcado as duas opções como adaptar a largura do plugin e mostrar rostos de amigos uma vez feito isso siga para o próximo passo.


resolvendo erro ao adicionar facebook fanpage no blogger


Então clique no botão obter código

como resolver o erro que da ao adicionar facebook fanpage no blogger

Então você vai ver 2 códigos pegue o primeiro código copie isso va no menu modelo então Editar HTML com as teclas combinadas CTRL+F busque por <body> e logo abaixo disso copie e cole o código 1 que você copiou então clique no botão salvar vai notar que vai haver um erro como mostrado nessa foto abixo:

facebook erro resolvido ao adicionar fanpage no blogger


Note que ao adicionar o código ocorreu um erro vamos as etapas para resolver 

temos o primeiro código que é esse o Original 

<div id="fb-root"></div>
<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/pt_BR/sdk.js#xfbml=1&version=v2.8&appId=644326732399284";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Note que para corrigir isso você deve substituir onde esta realçado em amarelo pelo código correto como esta esse abaixo colocando amp; antes de version e amp; apos & versão do plugin ficando o código como abaixo sendo o correto ja corrigido caso deseje só copie o código abaixo e modifique o ID pelo seu id feito isso você vai conseguir salvar. vamos ao próximo passo.

<div id='fb-root'/>
<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 = &quot;//connect.facebook.net/pt_BR/sdk.js#xfbml=1&amp;version=v2.8&amp;appId=644326732399284&quot;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>


Vá no menu layout entao adicionar novo gadget  como mostra a foto abaixo:

corrigindo erro ao adicionar facebook like box

Copie o Primeiro código então e cole dentro da caixa a seguir:


Java-script como consertar erro facebook like box no blogger
Salve e pronto se gostou do post curta nossa página e esteja conosco para os próximos post.




Click to comment