Adicione a caixa com o botão curtir do Facebook no seu blog

Uma das formas de fazer com que seu blog tenha um público, é aproximando seu blog dele, isso é um dos pontos mais importante para que seu blog seja um sucesso, aqui ensinaremos como adicionar aquela caixa do facebook com o botão curtir e quem curte.

caixa curtir1 Adicione a caixa com o botão curtir do Facebook no seu blog

O processo é bem simples, o Facebook tem uma página cheia de ferramentas para colocar no seu website, como somente o botão curtir, caixa de atividades do seu perfil do e muito mais neste link: http://developers.facebook.com/?ref=pf.

Mas vamos ao que interessa, primeiro você precisa criar uma Página no facebook, esta página será o perfil do seu blog no Facebook.

Clique no link abaixo:

http://www.facebook.com/pages/learn.php

criar pag Adicione a caixa com o botão curtir do Facebook no seu blog

Clique no link Cria uma página.

?Na próxima página você irá escolher a categoria da sua página, escolha a que mais se adaptar com seu blog.

Depois de escolher a categoria e digitar o nome, que deve ser o nome do seu Blog, você chegará na página de personalização do perfil do seu blog no Facebook.

personaliza pag Adicione a caixa com o botão curtir do Facebook no seu blog

Depois de personalizar sua página no facebook, vamos para a segunda parte, que é adicionar a caixa de curtir no seu blog.

Clique neste link:

http://developers.facebook.com/docs/reference/plugins/like-box/

Em Facebook Page URL você deverá colar a URL da sua página do facebook, a que fica na barra de endereço quando você está personalizando ela.

criar likebox Adicione a caixa com o botão curtir do Facebook no seu blog

Depois só clicar em Get Code para obter o código da sua caixa de curtir, escolha uma das opções e cole em uma área apropriada do seu blog, recomendamos a sidebar (coluna).

Futuramente publicaremos um tutorial de como personalizar a página do seu blog no Facebook com recursos de monetização, como publicar os posts do seu blog automaticamente na página e criar enquetes, fiquem ligados.

Tags:, , , ,

96 Comentarios para "Adicione a caixa com o botão curtir do Facebook no seu blog"

  1. Dan Linhs 22 de janeiro de 2012 17:52 Responder

    Não to conseguindo faze apparecer no Blog, ja criei uma pag, gerei o Link certinho mais não sei onde devo colar no Blog ! Ajuuuda ae rsrs

    1. danrley 4 de julho de 2012 21:37 Responder

      cara apos isso abra em layout adicionar um gadget escolha html/java e coloque seu codigo que foi gerado e pronto manim!!! se tiver outra duvida deixe um comentario no meu blog que te ajudo no que puder !!! minasextreme.blogspot.com.br

      1. juliana 9 de setembro de 2013 12:43 Responder

        coloco aonde? no final do texto todo?

    2. Alessandro 9 de dezembro de 2012 20:17 Responder

      depois de gerar o codigo escolha a opção inframe la encima da caixinha de texto ce copia apos isso abra em layout adicionar um gadget escolha html/java e coloque seu codigo que foi gerado e pronto..

      1. Iris 8 de setembro de 2013 11:55 Responder

        Onde posso ver o link gerado?

      2. simeia 15 de dezembro de 2013 20:39 Responder

        fala mal não viu,mas ja tentei varias vezes e só aparece uma caixa em branco…aff

  2. Viviane Correia 20 de fevereiro de 2012 12:49 Responder

    Pessoal valeu pela dica, mas ainda não consegui adicionar.
    Visitem meu blog
    xero

  3. Giovani 26 de fevereiro de 2012 1:35 Responder

    O código java que é gerado pelo facebook o blogger não está reconhecendo.
    Eu já li em algum lugar na Net que é preciso ativar um aplicativo do face pra que funcione.
    Dá uma olhada nisso.
    Abraço.

    1. jessica 10 de novembro de 2012 1:25 Responder

      não é necessario adicionar aplicativo nenhum…

  4. samara 10 de abril de 2012 15:31 Responder

    gostei do blog!!

  5. Blog Rank Admin 10 de abril de 2012 16:15 Responder

    Giovani, para blogger é necessário usar o código de “iframe” para que o mesmo funcione.

    1. Vaniza 22 de junho de 2013 3:33 Responder

      Muito obrigada, tava tendo um troço aqui, seu comentário foi de grande ajuda!

    2. juliana 8 de outubro de 2013 12:10 Responder

      obrigado! me economizou umas horas tentando adivinhar! ahhahaha

  6. Penélope 20 de abril de 2012 12:48 Responder

    Fiz isso, mas tbm não apareceu no meu blog. O meu é blogspot, o que pode ser?

  7. jonas kun 7 de maio de 2012 14:23 Responder

    vlw pela dica. tava procurando e aqui deu tudo certo. brigadão.

  8. Saulo Souza 9 de maio de 2012 11:58 Responder

    Atenção para quem usa BLOGSPOT deve colocar o codigo na parte de
    DESIGN-ELEMENTOS DA PÁGINA-ADICIONAR GADGET-CODIGO HTML e cola o codigo la dai você salva e Pronto!!!

  9. Saulo Souza 9 de maio de 2012 11:58 Responder

    http://geralgamesnet.blogspot.com/ Este é o Meu Blog Vejam ai

  10. play 8 de junho de 2012 23:22 Responder

    Este e meu site entrem ae

  11. Charles 10 de junho de 2012 22:17 Responder

    Ajudou muito. Obrigado e parabéns pelo excelente post. Exatamente o que procurava.

  12. Blog Rank Admin 13 de junho de 2012 12:49 Responder

    Paloma, você copia o código “iframe” do seu perfil ou da sua fanpage do facebook e cola na caixa de texto da sua barra lateral do seu blog.

    abs,

    1. Lilian 28 de novembro de 2012 13:33 Responder

      Eu não estava conseguindo, mas depois de ler sua dica Blog Rank Admin
      deu tudo super certo.
      Obrigadaaaaaaaaaaaaa

  13. Juanitto Moreira 20 de junho de 2012 16:18 Responder

    Pow deu muito certo, obrigado a todos pela ajuda, principalmente o pessoal que comentou, pois as minhas duvidas eram as suas duvidas, deu certo pra mim, espero que tenha dado certo pra vc, apenas colei o code no HTML do blogspot em forma de Iframe, fica a dica blz
    pra conferir basta acessar e curti http://vimivi.blogspot.com/
    obrigado!

  14. Shirley 1 de julho de 2012 23:57 Responder

    Rebis, na caixa onde aparece o código pra vc copiar, aparecem 4 opções: HYML5 – XFBML – IFRAME – URL. Vc clica em IFRAME e aí aparece o código do jeito certinho pra vc colocar no seu blog. Em seu blog (do blogger), vá em layout – adicionar um gadget – html/javascrip e cole esse código IFRAME, dê ok e pronto, e só verificar que o código já tá no seu blog. espero ter ajudado ;-)

    1. Belle Maria 8 de abril de 2014 13:40 Responder

      nossa me ajudou seu comentario. explicou bem onde ta iframe kkkk. nao via hahah
      confirem bellemaria.blogspot.com.br

  15. Rafael 3 de julho de 2012 16:40 Responder

    Esse sitema dá para “curtir” a página?
    Chega a abrir a página do Facebook ou Curti direto?

    Obrigado,

    Rafael – Portal Festa da Semana
    http://www.festadasemana.com.br

  16. Luis Vicente 5 de julho de 2012 8:38 Responder

    Pessoal, cheguei aqui com o propósito de consegui porum plugin do face no meu blog, na primeira vez não consegui, mas detectei o problema:

    Quando você gera o código, aparece duas telinhas e dai você se pergunta QUAL CÓDIGO DEVO COLOCAR?

    É necessário inserir os dois.

    o Conteudo daquele quadrinho onde aparece …………..
    voce deve colocar no HTML do blog junto com os outros scripts que tem la
    Depois disso você adiciona um gadget do tipo java html/script e insere o conteudo da segunda telinha.
    Fiz assim e funcionou.
    Confiram http://www.ehojeoquevaiser.com

    Parabens pelo post

    1. thais 4 de junho de 2013 13:07 Responder

      cara eu não consegui e pelo que to vendo a maioria aqui tbm não!

      acho que vc deixou alguma informação para traz aí…

  17. Manu Fuck 7 de julho de 2012 15:12 Responder

    Gente, desisto, já fiz de tudo, já visitei o blog de quem deu certo, e não é nada disso que estava anunciando na proposta do blog.
    Tá todo mundo colocando isso nos blogs, não pode ser tão difícil.

    Boa sorte.

  18. Vlog Feminino 23 de julho de 2012 1:20 Responder

    Gente comigo deu super certo depois de td feito copiei os dois links gerados e fui em layout depois adicionar gadget e depois HTML/JavaScript e colei tudo la e deu superr certo.. espero q vcs consigam tbm ^^

  19. Paula 3 de agosto de 2012 9:23 Responder

    Obrigada , deu certo!!
    Agora quero diminuir o tamanho!

  20. Paola 3 de agosto de 2012 18:07 Responder

    DEU CERTO! Obrigada, obrigada, obrigada!

    ADOREI! Vc ta de parabens!

    http://www.aphyna.blogspot.com bjoss

  21. Alessa 3 de setembro de 2012 16:56 Responder

    eu ja criei a pagina mas nao consigo , porque apare-se uma caixa vermelha , eu ja tentei mexer ate no face mas nao daaaaaaa

    1. Blog Rank Admin 11 de setembro de 2012 14:48 Responder

      Alessa poste o link da pagina aqui para que possamos tentar resolver esse problema…

      1. Kelly Maria 12 de setembro de 2013 17:05 Responder

        Oi me ajuda o meu blog é blogspot, sempre que copio e colo tá dando erro, só q tô copiando noraml certinho , me ajude tmb por favor
        http://fiquenostrinques.blogspot.com.br/

  22. Isadora 8 de setembro de 2012 22:31 Responder

    oi !!! obrigada sua ajuda por meio desta publicação foi de grande valia…
    o meu deu “certo”, gerei a janela, o botão … até ai ok!
    só q quando uma pessoa vai curti aparece um link para confirmar, ai abre uma pagina do face e diz que não foi encontrado/ localizado. Gostaria que me auxiliasse. Obrigada pela atenção. Abraço.

  23. Blog Rank Admin 11 de setembro de 2012 14:05 Responder

    Fala galera tudo bem?
    To vendo muita gente com dúvidas sobre essa likebox e resolvi dar uma moral…
    bom em primeiro lugar vejo que tem muita gente copiando o link da edição da página… o que está errado.
    Vocês precisam copiar o link da página ex.: https://www.facebook.com/NOME_DA_PÁGINA exatamente como está descrito sem mudar nada…
    Dai é só colocar lá na pagina que gera o likebox e pronto ela vai aparecer do lado já pré-configurada.

    Uma coisa que vejo muitas pessoas fazendo é tentar copiar o primeiro código que o facebook disponibiliza depois você clica em “gerar likebox” porém esse código é mais difícil de se implementar então optamos por usar sempre o “iframe” sacaram? Qualque outras dúvidas ou erros postem aqui junto com o link da pagina que vocês querem gerar que iremos fazer um teste.

    Até a próxima…

  24. Michele 26 de setembro de 2012 18:07 Responder

    valew dicas muito boa e td mto bem explicado!!!

    Coloquei no meu blog, e ta funcionando direitinho…

  25. Jose wellington 30 de setembro de 2012 10:58 Responder

    Alguem me ajuda eu coloquei a url do meu blog coloquei tudo direitim coloquei em get cod coloquei em iframe masi quando eu coloca no9 layout vai tudo direitim ai eu vou la no blogger em vez de ta o meu minha pagina no facebook pra curtir tem e a pagina de likebox outra pagina ai mais nunca fica a minha alguem sabe porque ajudeme

  26. ade 21 de outubro de 2012 0:36 Responder

    Ola como faço para reparar as duplicações que aparecem na caixa like do facebook?

  27. cristina lima 21 de outubro de 2012 13:11 Responder

    gente eu ñ sei onde fica layout por favot me ajudem.

  28. Rose Borba 22 de outubro de 2012 13:26 Responder

    Ameiiii. Me ajudou bastante!

  29. junior 6 de novembro de 2012 15:52 Responder

    gostei do site vlw muito apena :)

  30. Anielly Meira 9 de novembro de 2012 13:13 Responder

    Gente, fiz o like box direitinho, gerei o código, copiei IFRAME, entrieno meu blog, layout, add gadget, html/javascript, e colei o código copiado, mas quando coloko para salva, NÃO SALVA!!!!! Help me

  31. jessica 10 de novembro de 2012 1:32 Responder

    gente eu sei que não deveria estar comentando aqui mas, quando me cadastrei nesse site eu ganhei o selo e derepente ele desapareceu e agora como colocar em meu blog, alguem sabe o que fazer :/

  32. Vitor 12 de novembro de 2012 11:29 Responder

    Para Blogger é só copiar Iframe que da certo .

  33. Andrea 19 de novembro de 2012 16:53 Responder

    Obrigada pela ajuda! Mas quem acabou me ajudando mais foi a resposta do Jônatas. Eu estava copiando e colando apenas a primeira janela. Valeu mesmo a ajuda. Quem gostar de cinema, visite meu Blog CINEMA PARA SEMPRE.

  34. Leandro 20 de novembro de 2012 19:39 Responder

    as mensagens que eu vou publicar no blog aparecerão na página do facebook?

    1. Blog Rank Admin 21 de novembro de 2012 8:17 Responder

      Sim como Links para o post do seu blog!

  35. Lilian Galdo 12 de dezembro de 2012 16:50 Responder

    Galera, muito obrigada pela dica. O que o pessoal não está entendendo é que no “adicionar Gadget”, Adicionar como HTML, e copiar o primeiro código e o segundo logo abaixo. Eu sou totalmente leiga nessas linguagens de internet e consegui fazer, então qualquer outra pessoa faz, também. Garanto!
    Obrigada pela ajuda!

  36. Ronielle 20 de dezembro de 2012 11:57 Responder

    Obrigada pela dica, finalmente consegui colocar esse botão em meu blog.

  37. g+ 7 de janeiro de 2013 11:52 Responder

    me ajudou muito!!
    amigode4pata.blogspot.com.br

  38. Carol 14 de janeiro de 2013 14:53 Responder

    Na primeira vez não consegui mas quando prestei bem atenção na explicação deu tudo certo. É só copiar o código do frame. Vlw pela dica.

  39. junia 20 de fevereiro de 2013 10:38 Responder

    ola bom dia consegui gerar o codigo mas quando coloco no blog so aparece o nome plisss me ajuda

    1. Blog Rank Admin 20 de fevereiro de 2013 11:23 Responder

      Olá junia ao gerar sua likebox você deverá escolher a opção “IFRAME”, com este código você precisa de clicar em layout adicionar um gadget escolha html/java e coloque seu código que foi gerado, após fazer estes passos sua likebox aparecerá em sua homepage.

      Atenciosamente Equipe Blogrank

  40. Jorge Clan 24 de fevereiro de 2013 1:42 Responder

    No meu eu consegui, valeu pela dica.

  41. Arnaldo 2 de março de 2013 0:19 Responder

    valeu pelas dica :D

  42. Wallas Silva 22 de março de 2013 14:01 Responder

    muito bom obrigado

  43. Marcelo 30 de março de 2013 12:26 Responder

    Não consegui de maneira nenhuma em todas explicações citadas acima, além disso, sumiram todos gadgets, estou tentando pleo blogger.

    Já fiz de tudo … copiei os dois códigos, iframe, não está funcionando, uso o firefox, não sei se tem alguma coisa e pelo que vi um bom número de pessoas também não conseguiu e se alguém estava fazendo errado certamente voltaria pra dizer onde estava errando e diria como conseguiu, não sei qual motivo, mas o facebook deveria dar um suporte melhor!

  44. Blog Rank Admin 3 de abril de 2013 11:23 Responder

    Bom dia Guilherme,
    As Postagens do seu blog aparecerem na sua página do facebook?

  45. Erandir Lopes 4 de abril de 2013 0:19 Responder

    Parceiro no meu só dar certo se eu tiver logado no face, se eu sair do face não aparece mais o botão no blog

  46. girlane 5 de abril de 2013 14:03 Responder

    depoisx de 3 horas tentando, achei este site e os comentários a mais ajudaram muuutio!
    Obrigadu

  47. badplay 6 de abril de 2013 17:02 Responder

    Vey vc é d+

    1. Blog Rank Admin 17 de abril de 2013 16:27 Responder

      Amigo, isso aparece quando um amigo seu curte uma página no facebook, ela aparece deste jeito para você, alertando que o fulano curtiu essa página
      entendeu?

  48. Júlio Amâncio 26 de abril de 2013 4:45 Responder

    Obrigado, tive exito no que eu procurava com sua ajuda.

  49. salete 28 de abril de 2013 23:07 Responder

    Olá já criei a página,mas não acho o Like Box para poder conseguir o código,por favor me ajude.

  50. Danilo Soares 4 de maio de 2013 14:53 Responder

    Vou tentar poraqui pois os outros tutoriais nai funcionaram

  51. Korlov karkaximano 8 de maio de 2013 18:42 Responder

    aforei funcionou corectamente valeu pela aula…OBRIGADO

  52. Yas 28 de maio de 2013 14:07 Responder

    Muito bom! O post me ajudou e ler os comentários tbm!

    Valeuu

  53. lks 8 de junho de 2013 16:12 Responder

    tem que copiar os dois códigos pra dar certo

  54. herik carvalho 24 de junho de 2013 21:33 Responder

    nao consigo pego o codigo mas quando eu vo digita o codigo la fala que tem um diminio de nivel superior e n da

  55. Andriene 28 de junho de 2013 9:36 Responder

    Obrigada pela ajuda!!! Ja havia tentado antes mais nao tnha conseguido e dessa vez deu certo!!! Obrigadaaaaaaaaaaaaa!! o/

    1. crisanda varela 11 de março de 2014 15:41 Responder

      olá Andriene como conseguiu o meu não deu.
      me ajude por favor. obrigada

  56. Mechelle Gonzaga 28 de junho de 2013 16:30 Responder

    Uh Uh consegui!!!!!!!!
    Valeu pela dica!!!

  57. WANDERS 8 de agosto de 2013 20:19 Responder

    coloquei com IFRAME E DEU CERTO! VLW!

  58. Bibiana Bernardes 12 de agosto de 2013 14:02 Responder

    Baaah gente, tá foda viu, nenhum dos plugins funcionam no meu blog, alguém sabe ajudar?

    Beijos!

  59. lu 21 de agosto de 2013 21:15 Responder

    adorei a ajuda , obrigada

  60. ismael 4 de setembro de 2013 11:30 Responder

    OBRIGADO, Ajudou de+++

  61. erick 22 de setembro de 2013 2:32 Responder

    valew amigo deu certinho bom trabalho

  62. Gabriel 18 de outubro de 2013 22:19 Responder

    Curtan Sora no Otoshimono https://www.facebook.com/pages/Sora-no-Otoshimono/187328924787662?ref=hl quem não sabe oque e. E um ecchi, porfavor quem ainda não sabe veja Sora No Otoshimono online

  63. ivanildo 19 de outubro de 2013 18:01 Responder

    é issso ai,,só da certo se copiar e colar os dois codigos que aparecem,,a maioria das pessoas só esta copiando i codigo

  64. Naiane Monteiro 31 de outubro de 2013 17:27 Responder

    Gente, alguéeem por favor me ajuda.
    Eu já consegui colocar uma vez, estava lindo, perfeito do jeito que eu queria, mas agora desapareceu e não consigo de forma alguma.
    Da primeira vez coloquei os dois códigos de html,vejo que algumas pessoas colocam iframe e dar certo, mas o meu não dá mais certo de jeitoo nenhum. por favor alguém me ajuude #help #help #help #help #help #help

  65. Mary 6 de novembro de 2013 0:22 Responder

    Em Layout abra adicionar gadget,vá em JAVA/HTML e cole os codigos java e html que o face fornece,se voce colar apenas aquele codigo que aparece lá em baixo,não funcionará,primeiro cole o codigo fornecido em cima e depois o de baixo,e salve,de um F5 e pronto.Não é dificil

  66. Los_Mans 16 de novembro de 2013 18:31 Responder

    Obrigado kra, funcionou 100%. :D

  67. Fiiw 18 de dezembro de 2013 18:22 Responder

    Não ta funcionando mais né ‘-’

  68. iran 27 de dezembro de 2013 9:58 Responder

    Valeu pela dica eu estava procurando essa solução para inserir em um site html.

  69. James Alex 18 de janeiro de 2014 1:55 Responder

    Você me ajudou demais, a muito tempo estou tentando criar esta página no face e colocar o botão curtir, mas só achava tutorial complicado. O seu foi tiro e queda! Já está instalado! Vou precisar de você mais vezes e vou indicar este site aqui pros meus leitores, ok! Obrigado!

  70. Pauleni 18 de janeiro de 2014 12:11 Responder

    Consegui! valeu!

  71. Isabella Illana 23 de janeiro de 2014 0:10 Responder

    Nossa obrigada ! eu consegui colocar a opção curti, vc me ajudou muito mesmo e em pensar q tem pessoas cobrando para fazer isso kkk, beijuus :)

  72. Marcel Silva 6 de fevereiro de 2014 23:46 Responder

    Pessoal, eu apanhei até mandar parar. Passei por todos os problemas que muitos relataram aqui.

    Vou dizer EXATAMENTE o que funcionou comigo.

    1 – Criei a página (que não é o meu perfil, e sim uma página mesmo)
    2 – No linkbox, no campo o qual devemos colocar A PÁGINA, tem que ser EXATAMENTE como está no navegador de seu browser. copia TUDO, e cola lá.
    3 – gere o código, copie o da aba IFRAME , e, no caso do Blogger, insira um Gadget HTML-JAVA, cole o código e salve.

    Resumindo, meu problema estava sendo a URL. Não adianta colocar http://www.facebook/nome do site, tem que ser a URL COMPLETA que mostra quando voce entra na PAGINA do seu perfil, LEMBRE-SE, nao eh do perfil.

  73. Beatriz 14 de fevereiro de 2014 14:22 Responder

    Excelente! Obrigada ajudou muito. Para quem não estiver acertando na largura,como aconteceu comigo, adicionem esse comando: “width:225px” ao lado de “height:290px;” . Sem as aspas. O 225 pode ser mudado até achar o tamanho ideial. Ficaria assim:

  74. Sofia 17 de fevereiro de 2014 14:05 Responder

    Deu muito certo, foi super útil pra mim. Obrigada pelo tutorial! Parabéns por elaborá-lo com tanta clareza!

  75. ICA 18 de fevereiro de 2014 17:00 Responder

    ajudou d+

  76. Sabrina 26 de fevereiro de 2014 0:36 Responder

    Eu consegui fazer tudo, o problema é na hora de salvar, eu clico, clico e não acontece nada.. já não sei o que faço. Não sai dali, não fecha e diz que já foi, fica parado ali eu clicando, e como se o botão salvar não tivesse funcionando… me ajudem…

  77. crisanda varela 11 de março de 2014 15:37 Responder

    olá boa tarde no meu caso estou a fazer o site no dreamweaver qual código devo copiar para minha pagina.
    me ajudem por favor. agradecia uma resposta de quem sabe. obrigada.

  78. multi blogs 31 de março de 2014 18:18 Responder

    depois de muita confusão consegui antes de conseguir o coiso aparecia no cimo da pagina

Deixe seu comentário