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:
• 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.
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&width=276&connections=8&stream=false&header=false&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.
7 Comentários:
Excelente tutorial Bruna, o artigo foi bem claro e objetivo.
Parabéns de novo!
@Ezequiel da Silva, obrigada pelo comentário. Fico contente que tenha gostado do tutorial.
Abraços!
Olá, super curti esse tutorial, mas gostaria de colocar esse fan box no formato (jquery)...Tem essa possibilidade?...Obrigada!
so tenho um problema minha fanpage não aparece o id. e como faz agora ?
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.
nao era isso que eu procurava mais ta de parabens pelo topico bem claro e simples e um modo muito facil de fazer.
Li três tutoriais e nada, li o seu e pronto, consegui!
Obrigada! :)
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.