Como adicionar Like Box do Facebook no seu Blog

Hospedagem para Blogs

Uma das melhores formas de interação com as pessoas pode ser conseguida via Facebook. Há muitos recursos disponíveis e o mais comum é o botão “Like” (Curtir). Outro recurso muito bom é poder criar uma página do seu blog para as pessoas acompanharem, curtirem, receberem atualizações e interagir com o conteúdo do seu blog. Vou mostrar agora como adicionar a caixa de “Like” com a foto de quem já curtiu sua página.

Já ensinei aqui como adicionar os botões do Facebook em seu blog, como criar uma página do Blog no Facebook e até como promover debates e discussões para atrair visitas por esta rede social:

ATUALIZAÇÃO 25/mar/2014: Agora temos o tutorial em vídeo. Assista:

Você pode ver o modelo da Like Box funcionando aqui na barra lateral do meu blog e pode clicar no botão “Curtir” para ver como funciona e acompanhar nosso blog pelo Facebook também.

A primeira coisa para adicionar essa caixa em seu blog é ter uma página do Blog no Facebook com endereço personalizado, de preferência. Não funciona com endereço de perfil pessoal.

Todo o procedimento para criar configurar a Like Box, gerando o código para colocar no seu blog, pode ser feito diretamente na página de desenvolvedores do Facebook (Facebook Developers).

Acessar página: Desenvolvedores do Facebook – Like Box

A primeira coisa é adicionar o endereço de sua página no Facebook (1.) para poder visualizar todas as mudanças que for aplicando (2.). Escolha a medida da largura desejada onde está indicado por “Width”. Depois que tudo estiver como deseja, clique no botão “Get Code” (3.) para ver o código que irá colar em seu blog.

Tem duas opções de código, onda a mais recomendada é a primeira, pois usa iFrame que é mais leve pra carregar e tende a funcionar em qualquer tipo de blog.

Mas a segunda opção também funciona bem.

Cole onde achar mais conveniente em seu blog, de preferência num local bem visível para atrair os cliques das pessoas e conseguir mais seguidores interagindo no Facebook.

45 Comentários

  1. Oi Marcos
    Sou sua seguidora,pois me interesso muito pelo que voce posta.
    mas fiquei com uma duvida sobre este Like Box.segui os passos mas na hora de colocar o blog,eu coloco:blogtricochetandocomamor ou http:// tricochetei. blogspot. com?
    espero sua resposta
    Obrigada
    Cirlei Bezerra

    Responder

  2. Marcos, eu uso a like box, mas estou com problemas.
    Tentei usar o código do iframe, mas não aparece o caixa completa no meu site, ela fica cortada logo abaixo do título. não é problema com o tamanho do “height”, pois já aumentei, tirei e nada…
    Aí resolvi usar o código XFBML, para a página principal ele funciona perfeitamente, contudo, quando está na página individual das postagens ele simplesmente não aparece. Isto é horrível, pois perco a uma oportunidade imensa de conseguir as curtidas, uma vez que tenho muito mais visualizações de páginas individuais do que da página principal.
    Deixei os dois códigos no meu site para que você possa ver o que estou falando. Você já viu algo parecido? Deve ser algum erro no meu código, mas não tenho certeza. se poder me dar uma direção eu ficarei agradecido!

    Responder

    • Vinicius,
      Pode ser algum conflito com algum outro recurso que está causando o problema. As vezes pode ser até com algum botão do próprio Facebook. teria que testar pra ter certeza do que está causando essa problema.

      Responder

      • Consegui colocar o código do “iframe” e ele está funcionando. Também descobri o conflito… O erro estava sendo causado pelo código do botão partilhar no facebook, tirei o partilhar e a caixa do like box está funcionando perfeitamente.
        Vou continuar tentando encontrar um botão que funcione, pois gostaria de contar com este serviço nos meus blogs.

        O código do botão partilhar que eu estava usando é este abaixo, se você conhecer algum outro que possa funcionar!

        ( link suprimido )

        Um abraço

        Responder

  3. Muito bom tutorial. Obrigado.

    Mas uma coisa que não explicaram no post, é como passar a caixa para o idioma Português. Descobri fuçando que mudando en_UU por pt_BR, a caixa muda para o idioma Português (Curtir). Talvez seja útil para seus leitores.
    Abraço pessoal

    Responder

  4. Esse box não funciona em Tumblr, né?
    Estou tentando colocar (editando o html), mas não aparece box algum…
    Você sabe dessa limitação do Tumblr ou eu que não estou sabendo fazer?

    Obrigado.

    Responder

  5. Wow marcos muito uteis suas dicas aqui heim
    Tava querendo criar uma page do blog no face e
    consegui apos ler o post do ferramentasblog
    vlw mesmo
    vou aparecer muito por aqui
    rsrsrsrs
    abraço

    Responder

  6. Pingback: Como adicionar botão “Assine” (Subscribe) do Facebook no Blog | [ Ferramentas Blog ]

  7. Marcos, não entendi “o cole onde achar mais conveniente em seu blog”. É pra editar HTML expandindo os widgets? Em qual linha? Fiz vários testes e não deu certo, estou colando o código i-frame da página dos desenvolvedores do face por tentativa e erro no meu blog de teste mas ta difícil. Da uma luz ai!!!! hehehe
    Valeu!

    Responder

      • Marcos, no meu blog esta instalado um plugin que abre um popup do Facebook, semelhante ao que você utiliza no Ferramentas Blog, só que o perfil que aparece não é o do meu blog, eu gostaria de saber se tem como você me ajudar?

        Responder

  8. Boa tarde Marcos Lemos, eu achei super útil e a muito estava procurando este app, mas encontrei um problema que não sei resolver. Apliquei tudo corretamente e o pessoal anda curtindo mas tem um bug que não entendo. Sempre que alguém curte aparece no blog dois perfis idênticos da pessoa curtindo, o que fica chato de se visualizar. Esses dois não contam como duas curtições mas ficam dois perfis exatos lá.

    Acesse o blog que informei e dê uma olhada. Desde já agradeço

    Responder

  9. Existe sim,tem o ¨Share¨ q no caso é um pack para divulgar em redes sociais,se for esse o caso,como faço para tirar somente o do face?abraço!

    Responder

    • Talvez seja isso o problema.
      Para tirar as duvidas tenta tirar o share e veja se o Like Box esta aparecendo agora.

      Me mostra também que share é esse, talvez posso te ajudar.

      Responder

  10. olá, gostaria de saber se pode me ajudar: segui corretamente as instruções, porém quando colo o código no meu blog a caixa do FB não aparece… já tentei adicionar o gadjet de html, texto, usei as duas opçoes de código fornecidas pelo FB e nada funciona!
    aguardo resposta, obrigada desde já.

    Responder

    • Ana, você esta utilizando em seu blog outros códigos do Facebook?
      Acontece que o Facebook entra em conflito com ele mesmo, caso você esteja utilizando widgets antigos com novos.
      O melhor seria inserir todos os widgets que precisar do Facebook com a nova API deles.

      Responder

  11. Olá, Marcos!!!
    Faz uma semana que sumiu a minha caixa de fãs do Facebook do meu blog Receitas Saborosas. Já tentei de tudo, exclui e refiz tudo de novo e nada. Verifiquei se persistia este problema acessando pelo Chrome e também não aparece nada.
    Esta acontecendo algum problema com este plugin?
    Desde já agradeço a atenção.
    Abraços,
    Rose

    Responder

Deixe um comentário

Ao comentar você concorda com nossa Política de Comentários.