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.
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
- 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.)
(…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&width=292&colorscheme=light&show_faces=true&border_color&stream=false&header=true&height=62&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:
- Ir ao painel de controle do Blogger
- Clicar em “Design”
- Clicar em “Adicionar uma mini-aplicação” ou "Adicionar um Gadget"
- Escolher a aplicação “HTML/JavaScript”
- Colar o código (se preferir insira um título)
- Guardar alterações ou Salvar
- 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