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

40 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
  6. eu fiz dessa forma no meu blogspot, só que a caixinha da minha fan page facebook não fica efetiva no widget, ou seja ela nao aparece no meu blogger, ela só aparece no blogger quando eu entro no meu facebook com a minha senha e email, porque isso acontece? eu queria saber, tirar a minha duvida

    ResponderExcluir
  7. ótimo, me ajudou bastante no meu blog.

    ResponderExcluir
  8. Parabéns, ajudou muito, excelente postagem!

    ResponderExcluir
  9. YESSS Mais uma vez um post de enorme ajuda! Muito obrigado pelas dicas!!! :D

    ResponderExcluir
  10. Olá,
    Me ajudou muuuito :) Obrigada , ótimo Blog !!

    Abraços

    ResponderExcluir
  11. Li vários posts sobre o assunto e não consegui, o teu, é simples e eficaz! Muito obrigada!

    ResponderExcluir
  12. Valew pela dica!!
    Muito boa e fácil de aplicar!!

    ResponderExcluir
  13. A única dica que realmente funcionou! Muito obrigadaaaaaaaaaaaa!!!! :))))

    ResponderExcluir
  14. Olá, sabe, eu já não consigo adicionar minha fapage no meu blog, eu já tentei tantas vezes e nada mas antes tinha adicionado mas isso quando não usava tamblete no blog, mas depois que comecei a usar tamblete eu não consigo mais, nem a opção like box pop up, like box e principalmente a do novo plugin social do facebook. Alguma ajuda pessoal!

    ResponderExcluir
  15. Me ajudou demais, muuito obrigada pleo post , amei <3

    ResponderExcluir
  16. Aeee funcionou, muito obrigado, eu tentei usar o condigo que o facebook fornece pelas ferramentas de plugin mas o dele não funcionava o sue funcionou na hora vlw

    ResponderExcluir
  17. Gostei da sua caixinha de comentários, como faço, tem o gadged dela?

    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