Aprenda como colocar a caixa de curtir do Facebook no blog

Como colocar a caixa de curtir do Facebook no blog?

Como colocar o box de curtir do Facebook no meu blog?

Ele funcionou muito bem até que o Facebook alterou sua página Facebook Developers e muita gente se viu perdida pois a opção de incorporação com código iframe deixou de aparecer.

Então vou atualizar o tutorial com 2 outras formas de ter em seu blog a caixa de curtir do Facebook.
A primeira opção deixará sua caixa de curtir exatamente assim:

Caixa de curtir do Facebook para blog -primeira opção

Caso sua fanpage tenha um endereço simples como a minha, sem números no final, essa opção é ideal pra você!
Para começar vá ao seu painel do blog e clique em Layout. Clique em Adicionar um gadget e dentre as opções que aparecerem escolha HTML/JAVASCRIPT.

Na caixa que expandir cole este código:
Copiar o código

E faça as seguintes modificações:
Onde marquei em azul você altera colocando o nome de sua fanpage, aquele que aparece ao final do endereço dela.

Por exemplo, o endereço da minha fanpage: https://www.facebook.com/minhafanpage
Então eu coloco no campo destacado em azul exatamente o final do endereço.

Ficará assim:
<center>
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?" style="border: none; height: 258px; overflow: hidden; width: 300px;"></iframe></center>

Entendeu?
Caso queira alterar a largura troque os valores expressos em width (aparece em 2 lugares no código) e para alterar a altura troque os valores expressos em height (também aparece em 2 lugares no código).
Mas eu sugiro não mexer se não souber o que está fazendo, ok?

Daí, com o código já alterado salve seu gadget, arraste para onde deseja que fique e salve a organização de seu blog.

Simples e rápido.
Caixa de curtir do Facebook- segunda opção
Esta segunda opção é a que eu prefiro pois dá mais liberdade de personalização.

Vamos à página do Facebook para desenvolvedores, aqui:
Facebook Developers

Lá você verá esta página:
página inicial do facebook developers
Agora vamos começar!

No campo Facebook Page URL apague o endereço do próprio Facebook e coloque o endereço completo de sua fanpage, exatamente como o copia de seu navegador;
No campo Width coloque a largura que deseja para sua caixa (considere a largura de sua sidebar para fazer essa escolha);

No campo Height defina a altura de sua caixa. Eu em geral não mexo nessa parte;
No campo Color Scheme defina se prefere light ou dark, sendo que este só se aplica se seu blog tiver fundo escuro;

Marque ou desmarque as caixinhas que definem se quer que os rostinhos das pessoas que curtem a fanpage apareçam, se quer header e borda e se quer que seus posts na fanpage sejam mostrados..

Faça testes e vá vendo como fica.

Veja como configurei a minha caixa de curtir:
como configurar a caixa de curtir do facebook
Depois de pronto clique no botão azul Get Code.

Vai abrir esta janela:
código da caixa de curtir do facebook
Copie o primeiro código, deixe essa janela aberta, vá ao seu painel do blog, clique em Layout/Adicionar um gadget e escolha HTML/JAVASCRIPT.

Cole a primeira parte do código copiado, volte à página do Facebook Developers e copie a parte final do código.

Cole-a imediatamente abaixo da primeira parte, no mesmo gadget.
Ficará assim (claro que com seu código):

códigos da caixa de curtir do facebook

Coloque título se desejar, salve, arraste para onde deseja que fique e salve o arranjo em seu layout.
Está pronto!
Viu que simples que é?
Importante
À partir de 23 de junho de 2015 esta caixa de curtir deixou de ser usada, o Facebook descontinuou o serviço.
Mas calma, a novidade é boa e já tem tutorial novíssimo e atualizado no blog:
Veja abaixo!

Nova caixa de curtir do Facebook- aprenda como ter a sua!

Alô, pessoas!
Há alguns dias eu mostrei aqui no blog algumas opções para colocar a caixa (ou box) de curtir fanpages do Facebook no blog.

Acontece que o Facebook Developers mudou radicalmente a forma de inserir essa caixa. Agora é Facebook Plugins.

E fez mais: mudou a aparência dela, está mais bonita e mais a "cara" da fanpage.
Não é mais padronizada, agora mostra sua capa. E, além do tradicional botão Curtir tem agora o botão Compartilhar.

Veja ali em minha sidebar e ao final desse tutorial como ficou o meu box.

Na página inicial do Facebook Developers apareceu um aviso informando que o método antigo de inserção do box vai se tornar obsoleto à partir de 23 de junho de 2015.

Veja:
Em tradução aproximada:
"Com o lançamento do Graph API v2.3, o plugin anterior é obsoleto e deixará de funcionar em 23 de junho de 2015. Use a nova página Plugin.

A página Plugin permite que você insira um simples feed de conteúdo de uma página em seus websites.
O LikeBox é uma versão especial do botão Curtir destinado somente à fanpages. Ele permite aos administradores promover suas páginas e incorporar um simples feed de conteúdo de uma página para outros sites."

Então, bora aprender o jeito novo?
É simples.

Vai abrir essa página:

Configure assim:

1- Facebook Page URL: coloque o endereço de sua fanpage.
Gente, tem que ser fanpage, perfil não gera box de curtir. Sempre digo isso, e sempre aparecem comentários dizendo que não deu certo, daí vou ver e a pessoa tentou colocar o endereço de perfil.
Tem que ser fanpage.
Veja aqui a diferença entre perfil e fanpage.

2- Width: defina a largura de seu box
Coloque uma largura que caiba na área onde o box vai ficar.
Em geral eu não mexo em Height, ele se ajusta automaticamente.

Nos demais campos você define se quer ou não a capa de sua fanpage como fundo do box (Hide Cover Photo), define se quer as fotos das pessoas que curtiram a fanpage (Show Friend's Faces), define se deseja exibir as postagens (Show Page Posts).

Mexa, se familiarize.

Depois de pronto clique em Get Code.

Vai expandir essa janela, claro que com seu código:

Deixe essa janela aberta, vá ao painel de seu blog e clique em Layout.
Clique em Adicionar um gadget, escolha a opção HTML/JAVASCRIPT e dentro da caixa que abrir cole ambos os códigos gerados no Facebook Plugins, um abaixo do outro deixando uma linha de espaço.

Coloque título se desejar, salve, arraste para onde deseja que fique e salve as alterações do Layout.
Se tudo deu certo seu box estará lindo, funcionando, e com os botões de Curtir e de Compartilhar ativos.
Assim, semelhantes ao meu:
Se você fizer diz aí nos comentários, e deixe o endereço de sua fanpage.
Sempre atrai visitantes e curtidas....
Site construído com Kopage
← Obtenha hoje mesmo, o seu