Colocar Like Box no Blog - Caixa de Fãs do Facebook

Conseguir ganhar visitas para o blog no Facebook é o que todos os blogueiros querem saber como fazer, o primeiro passo é fazer uma pagina no Facebook para seu Blog e depois disso colocar um link ou uma caixa no seu blog para divulgar a sua pagina no facebook, então veja como configurar a sua Like Box (caixa de fãs) do facebook para usar no blogger.

Criar aquela caixa que mostra as pessoas que curtiram sua pagina no Facebook e também sua atualizações mais recentes é bem simples de fazer e tem muitas opções esse acessório do facebook para seu blog.

Criar e Fazer a configuração do Gadget Like Box do Facebook

Entre na pagina de configuração do plugin social Like Box e preencha os campos abaixo:

Facebook Page URL: endereço da sua pagina no facebook, por exemplo: http://www.facebook.com/frasescurtas ou http://www.facebook.com/dicasparablogs

Width: largura do widget Like Box, isso é a largura que a caixa do facebook aparecerá no seu blog

Color Scheme: escolha a cor do widget claro (light) ou escuro (dark)

Show Faces: mostrar a imagem das pessoas que curtiram sua pagina no facebook

Border Color: cor da borda, apenas coloque o código HTML da cor que deseja, se quiser pode deixar sem nada que o gadget ficará com a cor padrão do facebook, veja aqui o Código das Cores

Stream: mostra as atualizações recentes da sua pagina

Header: exibe o cabeçalho com o nome facebook no topo da caixa.

Get Code: gerar o código da caixa de fãs para colocar no seu blog.


Enquanto faz esses ajustes na sua Like Box poderá visualizar as alterações na pagina do Facebook. Quando terminar é só copiar o código que aparece ao clicar no botão Get Code e colocar no seu blog entrando na pagina Layout >> Adicionar Gadget >> HTML/javascript e cole o código. E já está tudo pronto.

E aproveitando que estamos no assunto de divulgar blogs em redes sociais, leia também:
Aplicativos do Facebook para Blogs e Sites - Social Plugins
Ferramentas e Acessórios para o Twitter
Botão para Redes Sociais no Wordpress, Blogger, Firefox e muito mais

103 comentários :

  1. Muito Bom para Fidelisar os Leitores.

    ResponderExcluir
  2. Nossa adorei essa rsrs.

    Indo colocar no meu blogger agora!

    vlws

    ResponderExcluir
  3. MUITO BOM, CONSEGUI COLOCAR DE BOA NO MEU BLOG.
    ESTAVA QUERENDO A MUITO TEMPO COLOCAR.

    ResponderExcluir
  4. Olá Fabiano, sei q não tem nada a ver com o post mas tenho certeza que pode me ajudar

    O meu blog, quando entro pelo firefox, dá como foco de ataques e uma tela se abre falando: "Me tire daqui", antes de entrar no meu blog. Fala que o site pode ter arquivos nocivos coisa e tal

    Como assim? Isso tá diminuindo muito minhas visitas e meu site não tem arquivos nocivos

    Se for firefox, visite e comprove: www.receitasdmais.com

    Obrigado, sei que vai me ajudar!

    ResponderExcluir
  5. Ótimo!

    Só estou com um problema;
    Quando coloco a URL do meu Perfil aparece essa mensagem:
    "Could not retrieve id for the specified page. Please verify correct href was passed in."

    O que é, e como resolver?

    Obrigada =D

    ResponderExcluir
  6. Como mudar o You like this por você curte isto?

    ResponderExcluir
  7. varios blogs do blogger estão dano mensagem de virus, o google está bloqueando. O meu é http://pontocruzgraficos.blogspot.com várias amigas estão reclamando do mesmo problema. Vc sabe o que está acontecendo e como podemos resolver? obrigada

    ResponderExcluir
  8. Olá fabiano gostaria de saber se tem como colocar apenas as postagens de um determindo marcador na página principal.

    ResponderExcluir
  9. Anônimo
    seu blog deve estar com algum virus ou malware, veja na central de webmasters: http://www.google.com/webmasters/

    tente remover os gadgets recentes que adicionou no blog até sumir a mensagem

    ResponderExcluir
  10. @RavenaBezerra
    não é o link do seu perfil, é a url de uma pagina do Facebook para seu blog

    ResponderExcluir
  11. Rita
    parece que varias pessoas estão com o mesmo problema... mas não acredito que seja erro do blogger ou de algum acessorio utilizado por todos, mas acredito que isso se resolva sozinho

    ResponderExcluir
  12. José
    veja aqui Mudar o texto You might also like


    Portal Mangaká
    não tem como colocar só as postagens de um marcador na pagina inicial

    ResponderExcluir
  13. Mal que esse aplicativo do Facebook é tão pesado.

    ResponderExcluir
  14. Cara, começou a dar um bug muito louco aqui! Todos os meus blogs sumiram!

    ResponderExcluir
  15. Isaias
    tente excluir o historico de internet... pode ser erro de carregamento da pagina

    ResponderExcluir
  16. Fabiano é que eu sempre analiso o meu blog através do http://www.websiteoptimization.com/services/analyze/ e ele mostra essa like box sendo responsável por uma boa parte do tempo de carregamento do blog, é incrível. Por isso que eu estou testando um botão onde aparecem alguns rostos, de contatos que também curtem a página, eu acho.

    ResponderExcluir
  17. Consegui! Obrigada!!!!!!!! =D

    ResponderExcluir
  18. Fabiano, tenho 3 dúvidas!
    1º - Onde faço upload de vídeos adultos sem cair a qualidade - o blogger cai a qualidade em 50%.
    2º - O blogger apresentou-nos o vizualização de imagens de uma nova forma na semana passada, muita gente não gostou, mas eu adorei. Como consigo ela de volta. Li que o blogger vai disponibilizá-la em breve e nós poderemos customizá-la, ótimo. Mas queria ele pra agora. Tem como?
    3º - Ao carregar as imagens no blogger, ele redimenciona elas automaticamente e as deixa centralizadas, pelo menos no meu é assim.
    Quero saber como faço para quando elas redimencionarem automaticamente, redimencionarem com uma altura e uma largura padrão, ditada por mim.
    Ou quando selecionar a foto e clicar em pequeno, médio, grande, tamanho original... Fosse para um formato editado por mim.

    Você pode resolver algum de meus problemas?
    Agradeço a atenção.

    ResponderExcluir
  19. Isaias
    infelizmente é verdade que o gadget do facebook é bem pesado na hora de carregar....

    Diego Martins
    veja em sites como http://www.megavideo.com para hospedagem, mas não sei se tem restrições quando a conteudo adulto

    o efeito lightbox foi desativado e não temos informações se voltará a funcionar ou não.

    e quando ao redimencionamento do blogger é automatico, não tem como definir o tamanho exato

    ResponderExcluir
  20. Fabiano, depois que conseguir o code, entrar lá no layout e adicionar gadget, tem que colar exatamente onde? Eu não entendo nada daquela linguagem HTML e aparece muita coisa escrita por lá... Cola antes ou depois de quê?
    Desculpa minha ignorância, mas apesar de suas dicas serem preciosas, tem muita coisa aqui que pra mim é grego.
    Agradeço muito.
    Abç,
    Daniela.

    ResponderExcluir
  21. Fabiana, Daniela e Andréa
    esse código não é na pagina editar html.

    coloque o código na pagina layout > adicionar gadget > html/javascript

    ResponderExcluir
  22. Adorei a dica, Eu estava precisando

    ResponderExcluir
  23. Coloquei a caixa de fãs do face no blog, só que o botão curtir ingles (like).
    na maioria dos blogs eu vejo o botão curtir em portugues, como faço a tradução do botão

    ResponderExcluir
  24. no código do facebook tem algo assim: en_US troque por pt-BR

    ResponderExcluir
  25. Só estou com um problema;
    Quando coloco a URL do meu Perfil aparece essa mensagem:
    "Could not retrieve id for the specified page. Please verify correct href was passed in."

    O que é, e como resolver?

    Obrigada =D

    ResponderExcluir
  26. Elton
    não é o endereço do seu perfil, tem que usar o endereço da pagina de fãs...

    por exemplo meu perfil é http://www.facebook.com/fabiano1404 esse endereço não funciona

    tenho que criar a like box com esse http://www.facebook.com/dicasparablogs que é a pagina do dicas para blogs

    ResponderExcluir
  27. Quando eu colo o código no HTML/JavaScript e salvo não aparece a Likebox. =\ Pq?

    ResponderExcluir
  28. não consigo colocar o link o box quando escrevo a url da erro e não aparece meu link box : o que devo fazer para resolver .aparece a seguinte frase :Could not retrieve id for the specified page. Please verify correct href was passed in.

    ResponderExcluir
  29. FUNK RIO
    veja esse link Fazer uma pagina do Facebook para seu Blog

    você está tentando criar a caixa com o link do seu perfil... por isso não dá certo, tem que usar uma pagina de fãs

    ResponderExcluir
  30. Fabiano, o get code gerado nao eh em HTML, pq quando eu colo o codigo no HTML/Javascript, nao aparece a janela Like box, o codigo gerado eh pra editar o HTML do blog, nao entendi isso, sabe me explicar o pq? Eu vi a mesma duvida que alguem que postou e vc nao respondeu.

    ResponderExcluir
  31. Ateliê Milokas
    ontem (18/10/2011) eu estava fazendo um teste e notei isso também... porém ainda não achei uma solução, por isso não falei do assunto

    estou procurando resolver isso e assim que conseguir vou postar um tutorial sobre o assunto.

    ResponderExcluir
  32. Muito legal... Acabei de colocar no meu blog

    ResponderExcluir
  33. Quem conseguiu postar podia dar uma ajuda pra querm não conseguiu! Tipo eu não consegui! rs

    ResponderExcluir
  34. Fabiano, vc conseguiu resolver o problema de inserir o código e o likebox não aparecer?

    ResponderExcluir
  35. tem alguns templates que tem pequenos erros difíceis de achar e na maioria das vezes nem são notados, mas as vezes geram conflitos com outros códigos... pode ser esse o caso

    se colocou os códigos nos lugares certos e não funcionou é um erro do template, mas corrigir é bem dificil

    ResponderExcluir
  36. Eu não entendo... o meu nome www.facebook.com/LucasLima não vai '-' Nenhum dos modos, por que isto acontece Fabiano?

    ResponderExcluir
  37. Lucas Lima
    tem que ser uma pagina de fãs e não o seu perfil é por isso que não dá certo

    ResponderExcluir
  38. Fabiano. Então no lugar do meu Nome, o que eu ponho? Obrigado!

    ResponderExcluir
  39. Lucas Lima
    você precisa criar uma pagina para seu blog e depois fazer a caixa deste tutorial.. veja aqui: Fazer uma pagina do Facebook para seu Blog

    ResponderExcluir
  40. ai entre no meu blog, é novo é preciso de visitantes, dps deixem o site do seu blog que eu retribuio a visita

    ResponderExcluir
  41. Este comentário foi removido pelo autor.

    ResponderExcluir
  42. Ah! Entendi! Obrigado Fabiano! Irei tentar ;D

    ResponderExcluir
  43. Não consigo pegar o endereço de Pagina do meu Face alguem ajuda ae?'

    ResponderExcluir
  44. veja se está criando a caixa para uma pagina de fãs e não para o seu perfil no facebook, muitas pessoas tentam criar a caixa para a pagina do perfil e isso não é possivel

    ResponderExcluir
  45. eu fiz tudo que ai ta falando e nao deu certo S;

    ResponderExcluir
  46. @Los Memes essa caixa é para pagina de fãs e não para o seu perfil no facebook

    muita gente faz confusão com isso

    ResponderExcluir
  47. o meu não está dando certo ;/

    ResponderExcluir
  48. Claudio Willian Westphal
    você está usando o endereço da sua pagina de fãs ou do seu perfil no facebook?

    muita gente erra nisso. não é para usar o endereço do seu perfil mas o da pagina de fãs

    ResponderExcluir
  49. Não sei pq, mas não aparece nada no meu blog, não consigo fazer essa caixa de fãs aparecer. Pode me ajudar?

    ResponderExcluir
  50. Art Butterfly
    veja se o código que pegou não tem duas partes

    ResponderExcluir
  51. tinham dois códigos, não sei dizer se foi isso, mas coloquei um código em cada lugar e aí sim apareceu.

    ResponderExcluir
  52. ok, o importante é que resolveu o problema

    ResponderExcluir
  53. pois é rsrs, e seu blog me ajuda muito, tem sido meu socorro. Obrigada

    ResponderExcluir
  54. pergunta,
    http://pokemonblogsystem.blogspot.com/
    olha,cada pessoa aparece 2 vezes nas curtidas.
    tem como resolver isso?

    ResponderExcluir
  55. é estranho isso, mas não sei como resolver porque o botão curtir é só colocar o código e pronto, não temos como editar a contagem dele

    ResponderExcluir
  56. Fabiano, no facebook aparece 2 códigos, qual é o certo?

    ResponderExcluir
  57. tente usar o código do iframe clicando no menu acima dos códigos

    HTML5 XFBML IFRAME

    ResponderExcluir
  58. Fabiano por favor me ajude! Eu já tentei colocar a caixa like algumas vezes no meu blog seguindo passo a passo as instruções e nunca deu certo. Da primeira vez apareceu o código certinho na pág do face, mas quando eu coloquei no gadget html do blog a caixa nunca apareceu. Eu continuei tentando e agora o facebook sequer me manda o código, aparece apenas a mensagem: Could not retrieve id for the specified page. Please verify correct href was passed in. Mas o endereço está correto! O QUE EU FAÇO???

    ResponderExcluir
  59. Fabiano, CONSEGUI! Segui a dica acima e deu certo! Muito obrigada, se quiser curtir o meu eros blog, aí vai: http://doprofanoaosagrado.blogspot.com
    Beijão!

    ResponderExcluir
  60. Já tentei zilhões de vezes... copio o código... e.... NADA! =( Meu blog já tem uma página no face... Mas não consigo essa bendita caixa!!!!
    Ah, Fabiano... Adorei a dica para impedir a seleção de texto e imagens... Na verdade... minha preocupação mesmo era o texto...
    Obrigada!

    Mas e aí???
    Por que será que não consigo colocar a caixa like?????? =/

    ResponderExcluir
  61. Luna T.
    mexer com códigos é meio complicado as vezes um detalhe gera um erro.

    Sabrina ツ
    está usando o endereço da sua pagina no facebook? não é o endereço do seu perfil

    ResponderExcluir
  62. Não estou conseguindo colocar duas caixas de like,
    uma eu tenho no gadget e outra gostaria de colocar em uma das postagens mas ela não aparece.

    ResponderExcluir
  63. nunca tentei colocar duas caixas de fãs.

    mas talvez gere erros por causa dos mesmos scripts nas duas

    ResponderExcluir
  64. Realmente com o IFRAME Deu certo...
    ATENÇÃO Blogs que ficam dando erro, por que o meu também dava erro...
    tente com o códifo IFRAME que da certo.
    Obg fabiano

    ResponderExcluir
  65. fabiano, tem como colocar só a mãozinha curtir da pagina do blog?

    ResponderExcluir
  66. Mattheus Tricolor talvez algum site tenha feito uma adaptação mas não conheço. deve ser possivel fazer mas não tenho o código.

    ResponderExcluir
  67. No meu nao está funcionando nao ser pq...

    ResponderExcluir
  68. Guilherme
    o código da caixa tem duas partes tem que usar as duas.

    ResponderExcluir
  69. Nao acredito que era só isso...kkkk nem li os dois passos lá...vlw deu certo

    ResponderExcluir
  70. fabiano preciso muito de sua ajuda quando vou colocar a url da minha pagina para criar a caixinha de fas da erro de id vc pode me ajudar por favor me responde por email por favor obrigado email : johninovo@hotmail.com



    http://portal-do-rap.blogspot.com/

    ResponderExcluir
  71. a caixa de fãs é para as paginas criadas no facebook, não é para o seu perfil.

    na maioria das vezes é esse o erro

    ResponderExcluir
  72. Este comentário foi removido pelo autor.

    ResponderExcluir
  73. Olá Fabiano,

    Fiz as orientações para inserir a like Box, porem quando vou pegar o código, aparece 2 códigos com as orientações que colei abaixo:

    1)Inclua o SDK JavaScript em sua página uma vez, de preferência logo após a abertura...
    Este script usa o ID app do seu aplicativo:

    ( Aprece o código iniciando
    Só que não sei onde é para inserir este código, inicialmente, fui em "editar HTML expandir modelo e inseri porem deu ms de erro.

    2)Coloque o código para o seu plugin onde você quer que o plugin aparecer em sua página

    Acredito que seja para inserir com um gadjet na opção Inserir HTML. Porem fiz, mas parece que sem fazer a configuração do código anterior, este não funciona sozinho.
    Gostaria de orientações de como posso fazer agora, para inserir o like Box da minha página do Face no meu blog?

    ResponderExcluir
  74. o código que uso para caixa de fãs é assim:

    <div id="fb-root"></div>

    <script>(function(d, s, id) {

    var js, fjs = d.getElementsByTagName(s)[0];

    if (d.getElementById(id)) return;

    js = d.createElement(s); js.id = id;

    js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1&appId=147152255374087";

    fjs.parentNode.insertBefore(js, fjs);

    }(document, 'script', 'facebook-jssdk'));</script><div class="fb-like-box" data-href="http://www.facebook.com/dicasparablogs" data-width="480" data-show-faces="true" data-stream="true" data-header="true"></div>

    ResponderExcluir
  75. Fabiano, ontem deu tudo certinho, apareceu lá no blog e tal...hoje sumiu...você sabe me dizer porque? Grata

    ResponderExcluir
  76. tente Limpar Histórico de Internet, assim saberá se não foi um erro momentâneo do blog ou facebook, mas se funcionou ontem quando colocou o código deve voltar ao normal

    ResponderExcluir
  77. bom dia

    estou tentando desde ontem colocar esta caixa no blog do meu sobrinho, mas quando eu coloco o cod lá não aparece no blog

    vc poderia me ajudar

    os cod são:

    (function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = “//connect.facebook.net/pt_BR/all.js#xfbml=1″;
    fjs.parentNode.insertBefore(js, fjs);
    }(document, ‘script’, ‘facebook-jssdk’));

    (function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = “//connect.facebook.net/pt_BR/all.js#xfbml=1″;
    fjs.parentNode.insertBefore(js, fjs);
    }(document, ‘script’, ‘facebook-jssdk’));

    na caixa do like box é este os que aparece

    pode me enviar a resposta por e-mail. pos hoje eu estou de plantão.

    selmanascimento09@hotmail.com

    obrigada eu sou uma seguidora sua

    ResponderExcluir
  78. tente primeiro colocar o código completo como mostramos aqui para testar...

    depois troque o nosso endereço no código pelo da sua pagina no facebook

    ResponderExcluir
  79. Olá eu ja fiz essa dica e funciona!!!

    Fiz um outro blog e como mesmo passo a passo não quer funcionar o código no segundo blog porq?

    Obrigada

    ResponderExcluir
  80. Detalhe Quando coloco outro tipo de htmal funciona so do face que não :-( espero que vcs possam me ajudar

    Abraços

    ResponderExcluir
  81. alguns códigos do facebook tem duas partes e precisa colocar as duas para funcionar.

    ResponderExcluir
  82. Fabiano, queria saber se não tem como mudar o código para não aparecer as minhas atualizações no Facebook, no Like Box? Estou precisando.

    ResponderExcluir
  83. acho que não tem essa opção para excluir suas atualizações

    ResponderExcluir
  84. só tem uma opção q vc desmarcar que fica aparecendo só os rstos das pessoas que curtiram a pagina... :-) desculpe a intromissão

    ResponderExcluir
  85. eu quero que apareça só o botão curtir e os curtidores embaixo, e nao o que eu posto no facebook, queria saber se tem algum código q eu possa mudar pra aparecer só o que eu falei.

    ResponderExcluir
  86. então precisa desmarcar a opção stream quando for gerar o código

    ResponderExcluir
  87. Muito bom o seu site, ajudou bastante, vlw cara

    ResponderExcluir
  88. fabiano por favor me ajude ... quando o like box gera o codigo vem dois codigos onde eu um e outro ??

    ResponderExcluir
  89. pode colocar os dois juntos no mesmo gadget

    ResponderExcluir
  90. parabêns pelo artigo ese gadget e otimo ele já esta no meu blog de uma olhada http://brtemplates.blogspot.com.br/ brigado

    ResponderExcluir
  91. Mais uma vez o Dicas para blogs me deu uma tremanda força...obrigada

    ResponderExcluir
  92. Olá, por favor, podem me ajudar? Coloquei a gadget, o link está correto para a pág que criei para o blog. Aperece tudo certinho, mas de repente some a imagem da janelinha para o Facebook. Além da gadget tem que colocar algum código HTML em editar modelo para isso?

    ResponderExcluir
  93. na pagina do facebook aparecem dois códigos na mesma caixa e precisa colocar os dois.

    ResponderExcluir
  94. Obrigado, coloquei os dois que aparecem em HTML5 na gadget. Ficou bem no Mozilla, mas no Chrome não aparece a caixinha.
    Todos indicam colocar o código que aparece em iframe.
    Desculpem, mas estou muito confuso.
    Estou me descabelando com isso, uma hora fica bom, no momento seguinte a gadget some do blog.

    ResponderExcluir
  95. nos testes que fiz usando aqueles dois codigos juntos que aparecem na janela html5 funcionou perfeitamente

    ResponderExcluir
  96. Obrigado, já está funcionando bem aqui.

    ResponderExcluir
  97. muito bom cara, sou um usuario do seu blog a anos, o outro blog que eu tinha, nao o uso mais, quando eu terminalo, colocarei aqui para vc ver, valeu pela dica

    ResponderExcluir