Como colocar a caixa de curtir do Facebook no blog?

Em 2013 eu publiquei um tutorial que é o mais visto do blog de todos os tempos.
Este:
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/ElaineGaspareto
Então eu coloco no campo destacado em azul exatamente o final do endereço, que é ElaineGaspareto.
Ficará assim:

<center>
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FElaineGaspareto&amp;width=300&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color=%23ffffff&amp;header=false&amp;appId=568733679822116" 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:

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:

Depois de pronto clique no botão azul Get Code.
Vai abrir esta janela:

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):

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 é?

Quer ficar por dentro de todas as novidades, ter acesso rápido a todos os tutoriais e dicas do blog?
Para isso você pode:

→ Seguir o blog via gadget Seguidores: basta clicar em Participar deste site ali na lateral do blog e concluir o processo;

→ Pode curtir nossa fanpage: todos os posts têm seu link enviados pra lá no momento em que são postados. Basta clicar em Curtir!


→ Cadastre seu email e receba a atualização direto nele, assim que for postada.

Digite seu endereço de email:

Posso pedir uma coisa?
Compartilha o post?
Hein?
Diz que sim... é só um clique... não custa nada e ajuda quem está ajudando você.
Não é?

Importante

À partir de 23 de junho de 2015 esta caixa de curtir não serã mais usada, o Facebook vai descontinuar o serviço.
Mas calma, a novidade é boa e já tem tutorial novíssimo e atualizado no blog:
http://www.elainegaspareto.com/2015/04/nova-caixa-de-curtir-do-facebook.html

Vai lá!