Adicionar gadget Fanpage do Facebook no Blogger

Adicionar gadget Fanpage do Facebook no Blogger

6 10 99
Adicionar gadget Fanpage do Facebook no Blogger 10 6 99
Em 2010 eu já havia publicado um tutorial ensinando a colocar o gadget "curtir página" do Facebook no Blogger, mas de lá para cá o código mudou então estamos atualizando a postagem.

Primeiramente é preciso criar uma página de seu blog no Facebook. Para adicionar o gadget vá em "layout", clique em "adicionar gadget" e escolha "HTML/javascript". Cole o seguinte código:

<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.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like-box" data-href="https://www.facebook.com/URL DA SUA PÁGINA" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>
Substitua URL DA SUA PÁGINA pelo endereço da sua página no Face e salve.
Para saber a URL do seu blog, acesse sua página no Facebook e copie o endereço que aparece no navegador. Veja abaixo o exemplo da URL do Dicas Blogger:



Caso você queira personalizar este gadget do seu gosto, entre na página de plugins do Facebook.

Abraços, Juliana

15 Comments
Comments
  1. Muito mais prático, sem precisar colocar nada no html... Muito obrigado!!

    ResponderExcluir
  2. Muitos blogueiros estão precisando desse gadget simples mais muito eficiente.

    ResponderExcluir
  3. Fiz e deu super certo, mas o tamanho do gadget do facebook ficou muito maior do que os outros gadgets (instagram, google + ...). Você saberia me informar como faço para que todos fiquem do mesmo tamanho? Obrigada!

    ResponderExcluir
    Respostas
    1. Olá Cristina

      Entre na página de plugins do Face (link no final deste post) e ajuste a largura.

      Att, Juliana

      Excluir
  4. Muuuuuuuuuuiito obrigada!!! Eu tentei fazer isso de todas as formas que vocês possam imaginar, e nada dava certo. Eu já estava ficando maluca! Pensei seriamente em desistir, mas ainda bem que encontrei seu blog.
    Valeu.

    ResponderExcluir
  5. fiz no meu deu certo. otimo posterparabens

    ResponderExcluir

ATENÇÃO: Caso esteja com dificuldades com seu blog, abra um tópico no Fórum de Ajuda do Blogger que nós iremos te ajudar a resolver.


Os comentários passam por um sistema de moderação. Não serão aprovados os comentários:
- não relacionados ao tema do post;
- com pedidos de parceria;
- com propagandas (spam);
- com link para divulgar seu blog;
- com palavrões ou ofensas a pessoas e marcas;

 
Dicas Blogger© 2007-2015 | Todos os direitos reservados | Design By Duy Templates
Top