Como inserir caixa de amigos do facebook no Blogspot ou Wordpress ~ Charles David | Analista Pleno de SEO | Webmaster

SEO - Search Engine Optimization

Tecnologia do Blogger.

Criação de Sites

Redes Sociais

quinta-feira, 9 de junho de 2011

Como inserir caixa de amigos do facebook no Blogspot ou Wordpress

Posted by Charles David On 22:32 12 comments


Inserindo Like Box no Site ou Blog


Hoje em dia uma boa parte dos sites e blogs, seja na lateral, no rodapé ou até mesmo no cabeçalho tem uma caixa com fotos de amigos do Facebook, que permite as pessoas "Curtir" / "Gostar" sem ter que sair do nosso site ou blog e ir ao famoso Facebook.
Contudo, além de ser muito recompensador e ser bem reconhecido no mundo web.

1º Passo -  Ir ao Facebook
 - Copiar a url que queremos criar a caixa de "Curtir"
Ex: https://www.facebook.com/sua-pagina-aqui

2º Passo - Ir na Página Like Box no Facebook
3º Passo - A Criação
- Colar a url copiado no passo 1 ( como na imagem)
- Você poderá personalizar a Altura, a Cor, Borda

4º Passo - Gerar Código
- Depois de personalizar sua Caixa, é só gerar o Código e Copiar

5º Passo - A Tradução (De "like" para "curtir")
  - Colar o código no Bloco de Notas e adicionar: &locale=pt_PT imediatamente após false&height=255
(…ou então &locale=pt_BR pois isto serve para personalizar o idioma da caixa.)

6º Passo - Finalização
- Seu código será igual este (a única diferença está em negrito, que será sua url)

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsuapaginaaqui&amp;width=292&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true&amp;height=62&amp;locale=pt_BR" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:62px;" allowTransparency="true"></iframe>

Só copiar e colar onde deseja que apareça em seu site ou blog.

Para colocá-lo no Blogspot (Blogger), faz o seguinte:

  1. Ir ao painel de controle do Blogger
  2. Clicar em “Design”
  3. Clicar em “Adicionar uma mini-aplicação” ou "Adicionar um Gadget"
  4. Escolher a aplicação “HTML/JavaScript”
  5. Colar o código (se preferir insira um título)
  6. Guardar alterações ou Salvar
  7. Clicar em “Salvar” na janela principal
Pronto finalizado. Agora é só esperar visitantes e mais visitantes para seu blog e também facebook. Qualquer dúvida só postar no comentário.

12 comentários:

Muito legal! Armazenei sua URL para visitas com mais tempo. Fiquei dois meses "estudando" o Wordpress (três dias de Joomla) até conseguir criar meu primeiro site com domínio próprio. Usei o Artisteer. Abraço.

Zergui, estou a mais de 3 anos criando e estudando Wordpress e Joomla. Já criei com o Artisteer também, muito bom. Posta seu site aqui p/ dar uma olhada e trocarmos informações. Se precisar de ajuda só pedir. Aproveito e crio tutoriais também e posta aqui pra você.

Olá Charles.
Fiquei com dúvida no procedimento.
Consegui colar o código,mas acho que errei nesse procedimento.
Tem que colar o codigo do I frame e xfbml?
Desculpe e obrigada.
Aline

No caso você irá inserir no blogger, certo?

Você irá na Página Like Box no Facebook, criar sua caixa, copiar o código e no blogger adicionar um gadget html/javascript e colar.

Será o código iframe que ele vai gerar.

Amigo não estou conseguindo ele retorna esse erro: Could not retrieve id for the specified page. Please verify correct href was passed in. O que estou fazendo errado?

Abraços

Provavelmente está tentando inserir seu perfil, no entanto ele seria para páginas

Legal sua dica! Porem não consegui entender o primeiro detalhe. "Ex: https://www.facebook.com/sua-pagina-aqui", neste caso uso o url do face ou do blogger. Todas as formas que tentei deu este erro "There was an error fetching the like box for the specified page." E não consegui sair dali. Se possivel dá mais uma ajudinha aí. Valeu obrigado! E sucesso com seu blog.

Oi Juliane, desculpe a demora, seria pela url do face. Onde está escrito sua-pagina-aqui seria sua página do facebook... por exemplo a minha é http://www.facebook.com/charlesdavidweb

Olá C.D., Como vai? Adorei sua página, porém, não consegui anexar a caixa de amigos do facebook no meu face, que é (http://www.facebook.com/kelly.decora), gostaria de anexar esta página no meu blog (http://kellydecora.blogspot.com.br/) Se você entrar lá verá que apenas abriu uma caixinha, mas, não aparece a caixa dos amigos. Acho que não executei corretamente apesar de ter feito o passo a passo na PG. http://developers.facebook.com/docs/reference/plugins/follow/.
Me ajude please!!!!
Abraços

Olá Kelly, o seu facebook é um perfil, teria que ser uma página para funcionar.

Gostaria de saber se é possível instalar plugins no artisteer, tipo, da mesma forma que utilizamos os plugins no gestor de conteúdos do wordpress é possível utilizar no artisteer? Se sim, como? É que queria utilizar alguns plugins por exemplo newsletter e assim e queria fazer tudo no artisteer, porque se não der, começo a ficar com a ideia de que o artisteer é um pouco limitado.. cumprimentos,

Olá Charles,

Muito interessante seu blog, ja favoritei para consultas periódicas. Estou começando a estudar html de verdade agora. Mas estou esbarrando um problema que não encontrei solução nas minhas pesquisas.

Como faço para configurar para a quantidade de "faces" no quadro de pessoas que curtiram meu site.

Abraços

Postar um comentário

Divulgação Redes Sociais

Dúvidas?

Flickr Images