Como colocar a caixa de curtir do Facebook no blog

Como colocar caixa de curtir do Facebook no blog

Antigamente, o Facebook tinha disponibilizado o "Like Box", eu mesma tinha feito um post e criado um tutorial sobre a ferramenta. 

Ele funcionava muito bem, até que o Facebook atualizou a sua página Developer. Hoje se chamando de "Page Plugin". Ele tem praticamente tem as mesmas funções, mais seu visual está mais bonito, atrativo e muito mais leve. 

Apesar de ser fácil a instalação, muita gente tem dificuldade na hora da instalação, pois a incorporação do frame desapareceu.

A caixa de curtir do Facebook ficará parecida assim:
caixa de curtir do Facebook
Claro, tudo de acordo com sua página e seguidores.
Há outras opções de personalização. Tudo ficará de acordo com seu gosto que veremos ao longo do tutorial. Por isso, vamos começar a aprender como colocar a caixa de curtir do Facebook no blog. É rápido!


  TUTORIAL


O processo é quase o mesmo que o antigo Like Box

1º - Acesse a página Facebook Developers
2º - Preencha os campos para configura-lo: 
• Facebook Page URL : Endereço da sua página
• Largura : minimo 280, máximo 500
• Altura :  minimo 70

Agora onde veremos as diferenças!
Marque ou Desmarque:

• Timeline - Apague, caso você não queira que mostre todos seus compartilhamentos da sua fan page. (postagem, vídeos, mensagens, etc).
• Usar cabeçalho pequeno - Se deseja diminuir o espaço do cabeçalho da sua página
• Ocultar foto da capa - Selecione, caso você não queira que a imagem da sua página apareça ao fundo.
Adaptar à largura do contêiner do plugin - Note que em Adaptar à largura do contêiner do plugin é no caso se você não adicionou o tamanho da largura da sua sidebar.
• Mostrar rostos dos amigos - Se você quer que apareça as imagens dos seu amigos abaixo

No meu caso (imagem acima), eu:
Apaguei Timeline, 
Marquei Adaptar à largura do contêiner do plugin
Marquei Mostrar rostos dos amigos


  INSTALANDO NO BLOG


Depois de tudo configurado do jeitinho que desejou. Clique em "Obter Código". Uma janela pop-up se abrirá com 2 códigos, que iremos usá-los.
Códigos da caixa de curtir do Facebook
O código 1, você terá que instalar dentro do HTML do seu blog, logo abaixo de <body>

Para achar a tag:
1 - Acesse o painel do seu blog
2 - Vá em "Modelo" e em "Editar HTML"
3 - Procure pela tag <body>
4 - Logo abaixo dele, cole o código 1
5 - Salve.

O código 2, você vai adicioná-la no Html/Javascript do seu blog e posicionar onde desejar.

Para achar o javascript:
1 - Acesse o painel do seu blog
2 - Vá em "Layout" e em "Adicionar Gadgets"
3 - Procure pela por "HTML/Javascript"
4 - Dentro dele, cole o código 2
5 - Salve.
6 - Posicione onde deseja e salve as alterações.

Pronto! Agora você já aprendeu e instalou a caixa de curtir do Facebook no seu blog.
Beijinhos

COMPARTILHE :  

Comentários
7 Comentários

7 comentários

avatar
admin
segunda-feira, 20 julho, 2015 ×

Estou tentando adicionar mas quando adiciono o primeiro código ao HTML surge um erro na sétima linha, pode me ajudar?
Obrigada desde já (:

www.lovelyprincess.com.br

Resposta
avatar
admin
segunda-feira, 20 julho, 2015 ×

Olá Luana, converta o código e instale Conversor de HTML

Resposta
avatar
admin
terça-feira, 25 agosto, 2015 ×

Muito bom aqui tinha dado erro e agora funcionou obg

Resposta
avatar
admin
quarta-feira, 26 agosto, 2015 ×

Que bom que conseguiu Wesley. Fico muito feliz !

Resposta
avatar
admin
TS
segunda-feira, 02 novembro, 2015 ×

Vlw Bia com sua dica consegui colocar no meu site

Resposta


Que bom você reservou um tempinho para vir comentar. Você me deixa super feliz e desde já agradeço por seu comentário e por sua presença!

Apenas peço que leia:

1 - Devido a falta de tempo, não prometo responder a todos os comentários. Mais farei o possível.

2 - Educação sempre! Comentários com palavras de baixo calão, não serão publicados ou respondidos.

3 - Comentários não relacionados ao titulo, não serão publicados.

4 - Comente a vontade, deixe sua opinião, crítique, esclareça suas dúvidas e dê suas sugestões ou dicas sobre o assunto referente à postagem.


Beijinhos ♥
Abrir Conversa em CódigoFechar Conversa em Código Abrir EmoticonFechar Emoticon

Obrigada por seu comentário! Ele é muito importante para mim.

É proibida a reprodução total ou parcial dos artigos deste blog sem autorização|Somente terá o direito de republicar os códigos publicados dando os devidos créditos.