sexta-feira, 1 de outubro de 2010

Como colocar um widget do Facebook no Blogger

Ontem o JV ensinou pra vocês como criar uma página de fãs do Facebook. Hoje eu vou explicar como colocar um widget mostrando a página de fãs e os seguidores.
Mais para frente, o JV vai ensinar a colocar outros gadgets do Facebook no Blogger.
facebook-fan-box
Como colocar uma Fan Box do Facebook no Blogger
Entre em sua página de fãs do Facebook e clique em editar página.
facebook-fans
Olhe na barra de endereços do navegador  e copie o ID da sua página de fãs. facebook-id
Agora, entre no painel do Blogger e clique em design. Nos elementos de página, clique em adicionar gadget. Escolha o gadget “html/javascript” e cole este código:
<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/es_LA" type="text/javascript"></script><script type="text/javascript">FB.init("1b8f0f706c312c05f42224b5b3399f80");</script><fb:fan connections="22" width="225" profile_id="XXXXXXXXXXXX" stream=""></fb:fan>
Substitua XXXXXXXXXXXX pelo ID da sua página de fãs do Facebook e salve.
Caso o widget fique muito grande ou muito pequeno, modifique os valores de “connections” ( exibe o número de fãs) e de “widht” (largura do gadget).
Pra quem usa os meus templates com sidebar à direita, o código será:
<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/es_LA" type="text/javascript"></script><script type="text/javascript">FB.init("1b8f0f706c312c05f42224b5b3399f80");</script><fb:fan connections="10" width="300" profile_id="XXXXXXXXXXXX" stream=""></fb:fan>
Este artigo foi baseado no tutorial Añadir directamente el "Fan Box" de Facebook
Seja fã do Dicas Blogger no Facebook!

Sobre o autor: Juliana é a fundadora deste blog. Nascida em 1970, é médica e, nas horas vagas, blogueira. Também é top colaboradora do fórum de ajuda do Blogger. Twitter l Google Plus l Facebook l

21 comentários:

  1. Jú salve-me. Eu ja tinho perfil no facebook, e criei essa de fã. Só que com a mesma foto. A senha é a da mesma página, como funciona? Como chego a essa de fã kkkkkkk

    ResponderExcluir
  2. Coloquei e ficou ótimo. A explicação tbm está bem clara. ;)

    ResponderExcluir
  3. Boa dica Juh! Vou fazer essa de fãs do Facebook, pra vê se consigo aumentar minhas visitas.

    Você é linda Juh!!!!!!!!!!!!!!!!!!!!!!!!!!

    ResponderExcluir
  4. Muito obrigada Juliana me ajudou muito, sempre quis colocar um deste no meu blog!
    Atenciosamente, Kevin Oliveira

    ResponderExcluir
  5. Excelente, criei uma página no facebook e já instalei o widget !
    Maravilha os seus tutoriais juh ! Obrigado

    ResponderExcluir
  6. Sabe, Ju, criei essa página de fãs e tals... Mãssss, minha turma está acostumada a ir a minha página "normal" do Facebook para saber as novidades. (inclusive sai do Twitter direto/automático pra lá, graças a vc!)

    Então, apesar de achar muitoooooo legal esse widget, acho que, em casos como o meu, a página de fãs doesn´t help. Não tem como eu direcionar as pessoas para uma nova página...

    Fiquei triste.
    :(

    ResponderExcluir
  7. Boa parte da estrutura do meu blog, retirei do Dicas Blogger, inclusive o template que uso.

    Não posso deixar de dar os parabéns por mais um excelente contributo. Segui este e o outro artigo de nome "Como criar uma página de fãs no Facebook" na integra e tudo correu bem.

    Ainda tenho um blog de pequena dimensão a todos os níveis, mas espero que isto ajude.

    Obrigado e parabéns pelo vosso site, está excelente.

    ResponderExcluir
  8. Juliana, está acontecendo uma coisa engraçada.
    Criei ontem uma página para o meu blog no Facebook e instalei o widget pelo seu tutorial. Até aí, tudo certo. Minha amiga Andréa Motta e eu (com meu outro perfil) curtimos o blog. Na página do blog no Facebook aparecem a minha foto e a da Andréa como as duas pessoas que curtiram o blog. Mas no widget instalado no próprio blog só aparece: duas pessoas curtiram o Blog da Maria Lúcia.
    O engraçado é que a Andréa jura que vê as fotos, quando ela entra no meu blog. Mas eu não vejo nada, só o que está escrito. Por quê? Você poderia me ajudar?

    http://mlmarangon.blogspot.com/

    ResponderExcluir
  9. Finalmente deu certo, muuito obrigado por me ajudar! Agora sim, consegui colocar esse gadget no meu blog, tava muito díficil mas consegui!
    Parabéns e obrigado pela ajuda! ;)

    ResponderExcluir
  10. Ola boa tarde. eu criei a página de fã mas não consigo saber qual é o meu edereço / ID com eu acho.

    ResponderExcluir
  11. Oi, muito obrigado pela dica eu já configurei a minha conta do Facebook você esta de parabens ótimo blog.

    ResponderExcluir
  12. Queria te PARABENIZAR pela excelente explicação sobre como add o facebook no meu blog.
    Não sei mexer direito com html, e procurei em vários sites a melhor forma para incluir o "curtir" no meu site, mas além de complicados eles ficam fora de formatação no meu template.

    A sua dica foi a mais rápida, simples e eficiente.
    Parabéns!

    Silvia - falandoempink.com

    ResponderExcluir
  13. Muito obrigada pela informação, eu estava tentando colocar, e com o próprio código do Facebook, tinha sumido o Gatget, e também estava aparecendo a foto da última coluna pela metada, e com o código fornecido aqui ficou perfeito e funcionando corretamente. Muito obrigada!

    ResponderExcluir
  14. Estou muito feliz porque deu certo. Aqui as dicas sempre são valiosas e certeiras!

    ResponderExcluir
  15. Valeu !!! Muito Obrigado. Ficou show de Bola no meu Blog, como ainda estou mexendo no Designer não tem nehuma postagem , mas o lançamento será em breve. "www.seupotencial.com"

    ResponderExcluir
  16. Juliana, como sempre, é aqui no Dicas Blogger que encontro o que preciso!
    Ficou muito bom!!

    ResponderExcluir
  17. Nossa, MUITO OBRIGADA MESMO !
    Estava procurando a um bom tempo e todos mandavam fazer coisas estranhas, aqui foi simples e super fácil, beijos
    http://patrulhafeminina.blogspot.com/
    Parabéns

    ResponderExcluir
  18. Coloquei no meu blog ficou ótimo. Sua A explicação é 10 ;}

    ResponderExcluir