7 de janeiro de 2012

8

Adicione uma Fan Box do Facebook em seu Blogger

Olá Pessoal. Hoje vamos aprender a como colocar uma Fan Box do Facebook em seu blog. Nesse widget, são mostrados os avatares das pessoas que curtiram a sua página no Facebook, e também temos uma botão com a opção de curtir. Assim ao adicionar essa caixa em seu blog, facilitará ao seu leitor há estar mais perto do seu blog, por meio das Redes Sociais. Vejamos a seguir.

Antes de começar, veja abaixo a caixa de Fan Box em uso:



Mas para ter esta caixa em seu blog, você precisa ter uma página de fãs para o seu blog no Facebook. Caso ainda não tenha criado sua página, clique no link destacado abaixo:
Siga o Tutorial:
1º - Entre no painel de controle de seu blog e clique na Guia Layout.
2º - Você irá para a sub-aba Elementos de Página, clique em Adicionar um Gadget e selecione a opção "HTML/JavaScript".
3º - Cole na caixa o seguinte código: 
<center><iframe src="http://www.facebook.com/plugins/likebox.php?id=COLOQUE_O_ID_DE_SUA_PÁGINA_AQUI&amp;width=276&amp;connections=8&amp;stream=false&amp;header=false&amp;height=250" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:276px; height:250px;" allowtransparency="true"></iframe></center>
Lembre-se: Substitua a parte destacado em azul (COLOQUE_O_ID_DE_SUA_PÁGINA_AQUI), pelo ID de sua página no Facebook. Caso não saiba como encontrar o ID, veja a explicação abaixo:


• Entre na sua página no Facebook
• Vá no link de sua página, e você terá uma sequência de números, como a imagem abaixo:
Veja a parte sublinhado em vermelho, aquele local é o ID do seu blog. Então copie e cole no código do passo 3.


4º - Feito isso, clique em Salvar.

8 Comentários:

Ezequiel da Silva disse... [Responder Comentário]

Excelente tutorial Bruna, o artigo foi bem claro e objetivo.

Parabéns de novo!

Bruna T. Marques disse... [Responder Comentário]

@Ezequiel da Silva, obrigada pelo comentário. Fico contente que tenha gostado do tutorial.

Abraços!

Celi Dias disse... [Responder Comentário]

Olá, super curti esse tutorial, mas gostaria de colocar esse fan box no formato (jquery)...Tem essa possibilidade?...Obrigada!

Anônimo disse... [Responder Comentário]

so tenho um problema minha fanpage não aparece o id. e como faz agora ?

caique disse... [Responder Comentário]

oi parabens pelo artigo: me ajudou ja to com a fan box no meu site estava a muito tempo procurando a fan box e agora achei graça a voce brigadâo ai.

esta enteresado em parceria qui meu site http://caique-filmes.blogspot.com/ espro sua resposta.

aqui meu msn caique12335@homail.com entre em contato para podermos conversa.

PCOGAMES disse... [Responder Comentário]

nao era isso que eu procurava mais ta de parabens pelo topico bem claro e simples e um modo muito facil de fazer.

Trícia disse... [Responder Comentário]

Li três tutoriais e nada, li o seu e pronto, consegui!

Obrigada! :)

Ricardo Messias disse... [Responder Comentário]

Muito util esse tutorial

Postar um comentário

Parcerias são feitos em suas respectivas páginas.
- Se deseja falar com nossos autores, criticar ou sugerir, solicite nosso
Formulário de Contato
- Evite divulgar o seu blog nos comentários para que ele não seja excluído por nosso autor.
- Não utilize linguagem vulgar e tente falar sobre algo que esteja ligado ao artigo.

Licença Creative Commons
Free Page Rank Tool