24.4.10

Colocar Botão "Curtir" Do Facebook no Blogger

O J Miur do Vagabundia trouxe uma novidade bem interessante para divulgar postagens. O botão "Curtir" do Facebook que pode ser colocado nos posts ou direto na home do seu blog Blogger. Leia a matéria toda no Vagabundia.
Trecho traduzido: "Para aqueles que usam o Facebook, estão aparecendo devagar os métodos de  integração fácil entre blogs e sites. A empresa está em uma luta aberta para "morder" uma fatia de mercado que o Google agora domina."
O código para o botão é o seguinte:
<iframe expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url+ &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;height=60&amp;action=like&amp;font=tahoma&amp;colorscheme=dark&quot;' allowTransparency='true' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:60px'/>
 Há algumas coisas que podemos personalizar:
&amp;layout=standard define otipo de botão, pode-se mudar por button-count para simplifica-lo
&amp;show-faces=true mostra o avatar do usuario e eliminar-se colocando false
&amp;action=like é o texto a mostrar e pode ser substituido  por recommend
&amp;colorscheme=light é o desenho geral, a outra opção é dark
&amp;font=arial é ol tipo da letra opcional e pode ser tahoma, arial, lucida+grande, segoe+ui, trebuchet+ms, verdana
&amp;width=530 é a largura total en pixeles (530 o 450)
&amp;height=60 es la altura total en pixeles

Se quiser exibi-lo no rodapé das postagens faça o seguinte:

Login no Blogger ► opção "layout"  ► Editar HTML ►Clicae em "Expandir modelo de wdgets"

Procure pelo trecho <div class='post-footer-line post-footer-line-1'>

Cole o código ABAIXO do trecho

Para exibir ao lado do título da postagem procure pelo trecho <div class='post-header-line-1'/>

Cole o código ABAIXO do  trecho.

Se queremos exibi-lo em nossa página (pode-se  usá-lo em qualquer página), o código é o mesmo e apenas definir a URL correta, substituindo data:post.url pelo endereço do nosso blog e, neste caso, devemos mudar os símbolos //: (barra dois pontos) por seus  equivalentes - % 3A% 2F:
Fica assim:


<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblogger-dicasmamanunes.blogspot.com%2F&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;height=60&&action=like&amp;font=tahoma&amp;colorscheme=dark" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:450px; height:60px"></iframe>


Referencia: VAGABUNDIA

107 comentários:

  1. Adorei, até que fim alguma funcionou, ja tentei tantas e nunca consiguia¬¬
    Vlw pela dica !

    ResponderExcluir
  2. Por que você não tem o código no seu blog??

    ResponderExcluir
  3. valeu, bem legal mesmo !

    http://juliediz.blogspot.com/

    Beijos

    ResponderExcluir
  4. Pô no meu aparece mas não da pra clicar T.T
    Alguém ajuda?

    ResponderExcluir
  5. Só aqui consegui o código certo, parabéns pelo site pessoal!

    ResponderExcluir
  6. Visite o Canal G4 o melhor do entretenimento e informação do ceará para o mundo

    www.canalg4.blogspot.com

    :)

    ResponderExcluir
  7. Obrigadoooo! Seu botão ta fufando direitinho!!!
    E a explicação ta mto facil, e o melhor vc mostrou varias opçÕes para ainhar o botão!! obrigada!!

    ResponderExcluir
  8. Muito bom , me ajudou mt , obg
    sucesso

    fico legal olha

    http://danielrox01.blogspot.com/

    :D

    ResponderExcluir
  9. EU NÃO ACHO ESTE MENSAGEM NO HTML
    >>>>>>>>>>>>>>>>>>>>>>>>>> <div class='post-header-line-1' ???????
    MEU OLHO TÁ DOENDO DE TANTO PROCURAR, KKKKKKKKKKKKKKKKKKK

    ResponderExcluir
  10. Obrigado! Suas instruções com mais clareza me fez acertar, pois outros blogs por aí ensinam com uma linguagem bem dificil.

    ResponderExcluir
  11. Parabéns pelo Blog, dicas espetaculares.

    ResponderExcluir
  12. @ANDREIA BRAGA

    Tenta clicar na opção EXPANDIR MODELOS DE WIDGETS, depois segura CTRL e aperta F, digite o código no campo de busca que apareceu e aperte ENTER.

    ResponderExcluir
  13. Melhor explicação impossível.
    Parabéns!!!!

    www.clubedabirita.blogspot.com

    ResponderExcluir
  14. Perfeeito !
    Por muito tempo eu procurava um tutorial descente !
    Foi muito util, tá funcionando perfeitamente :D
    Valeeu meesmo !! \o/ toou seguindo teeu blog \o/
    Segue o meeu lá ;D

    http://n3ura5.blogspot.com/

    Um forte abraço !.

    ResponderExcluir
  15. coloquei no meu,mas toda vez que aperto no botão para compartilhar ele fica preto e não vai para o facebook.
    Alguém sabe me informar qual é esse problema?

    http://overdosevip.blogspot.com

    ResponderExcluir
  16. Olá Gostei muitoo do seu blog e ta me ajudando muitoo no meu!
    Olha la e ve o que achou rsrsrs
    Valew!

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

    ResponderExcluir
  18. Valiosas suas dicas....um abraço
    Luciane

    ResponderExcluir
  19. cara o meu ta dando erro ...
    clico em curtir ... aparece e tal ... mas o contador ta com erro...

    ajuda, please

    ResponderExcluir
  20. Parabéns pela dica, operação realizada com sucesso no meu blog. Quem quiser visitar meu blog, segue ohttp://ogeidlo.blogspot.com/ link

    ResponderExcluir
  21. Olá! Realmente só aqui mesmo para poder obter um código que funcionasse de fato. Mas estou tendo um pequeno probleminha, rsrs... Quando eu clico no botão “curtir” no meu blog, lá, na minha página do Facebook, aparece a imagem , só que o texto não condiz. Por exemplo, no Facebook, o link e a imagem estão ok, mas o texto , não. Poderia me explicar?

    ResponderExcluir
  22. Parabéns! Corri em diversos blogs e não funcionou como ensinavam, da sua forma eu consegui inserir o botão. Obrigada pela ajuda!

    ResponderExcluir
  23. Olá! Meu nome é Vinicio Conteo sou criador do Blog VConteo
    entrei em contato para saber se gostaria de fazer parcerias. Se quiser é só ir no meu Blog e deixar contato.
    Obrigado

    http://vconteo.wordpress.com

    ResponderExcluir
  24. boa postaguem to pondo no ar um blog agora de games se tive afim de fase uma parceria meu e-mail


    leandro.duarte.13@hotmail.com

    ResponderExcluir
  25. Valeu! Simplificou a vida. Eu já havia tentado umas 6 opções!!!

    ResponderExcluir
  26. Artigo conciso mas muito bem explicado. Foi o único que deu certo no meu blog. Obrigado e parabéns!

    ResponderExcluir
  27. muito obrigada,,eu rodeia a internet toda e nada funcionava,só aki eu consegui,vlw mesmo,vc é fera. sucesso p vc,bjs.... agora eu queria por o do orkut,tem como?

    ResponderExcluir
  28. Foi ótima a ajuda, obrigada.
    Você sabe como colocar um janela de página do face no Blog?

    ResponderExcluir
  29. Olá! Estou tentando criar um botão "like" que seja para o blog todo, não que aparecesse em cada post, será que pode me ajudar? Obrigada e parabéns por compartilhar essas dicas tão úteis!

    ResponderExcluir
  30. Excelente dica !!fiz meu blog recentemente e estava proucurando algumas ferramentas para ele!!!
    visitem meu blog ai galera
    http://educacao-debate.blogspot.com/

    ResponderExcluir
  31. funcionou parabens cara pelo blog e show

    da uma passada no meu ok!

    http://brunoofdown.blogspot.com/

    ResponderExcluir
  32. Valeu pela dica. Parabéns pelo blog.

    Sucesso!

    ResponderExcluir
  33. Parabéns pelo post, segui os passos e deu certo!

    Quem quiser conferir como fica dá uma olhada:
    http://momentoproc.blogspot.com/

    ResponderExcluir
  34. Que tal Curtir fora da web também.
    Adcione o Botão Curtir na sua vida.

    ADESIVOS CURTIR
    Cartela com 6 adesivos (4x4 cm cada adesivo, cartela 10X15)
    Por apenas R$ 5 (cinco reais)
    FRETE GRÁTIS NAS COMPRAS ACIMA DE 10 CARTELAS
    http://adesivoscurtiredescurtir.blogspot.com/
    email: curtiredescurtir@gmail.com

    Compre para você, sua família e seus amigos.
    Seja o primeiro na sua cidade.

    ResponderExcluir
  35. Valeu segue ai a dica!
    http://eletroscience.blogspot.com/

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

    ResponderExcluir
  37. Achei bacana esse blog
    http://eletroscience.blogspot.com/2011/10/hoje-terei-um-dia-muito-produtivo.html

    ResponderExcluir
  38. Parabens pela dica, vale muito a pena manter as midias sociais no blog atrai muitas visitas

    http://tudoemprograma.blogspot.com/

    ResponderExcluir
  39. Glória a Deus, Parabé´ns
    só aqui que o código deu certo incrivel, já tva até desistindo

    ResponderExcluir
  40. http://sararts.blogspot.com/

    ResponderExcluir
  41. valeu pela dica precisava bastante vlw

    Cayo

    ResponderExcluir
  42. Muito bom - simples e rápido. O melhor que encontrei. Show de bola, parabéns, amigo.

    ResponderExcluir
  43. amei o blog ,me ajudo pacas .continue asssim ,parabens

    ResponderExcluir
  44. Poxa...todo mundo dizendo que conseguiu, e eu nem passei da primeira instrução. Depois de clicar em Layout, não vejo o ''EDITAR HTML'' :S
    Preciso de ajuda!!! :)

    ResponderExcluir
  45. eu vo da um tiro nas suas kbças

    ResponderExcluir
  46. VISITEM MEU BLOG DE VARIOS TIPOS DE DOWLOADS SEI BOTAR VARIOS CURTI DE FACEBOK, ORKUT, E OUTROS E BOTAR MURAL DO FACEBOK, APENAS ADICIONANDO GADGET VISITEM LA QUE ENSINAREI ATE MAIS http://virtual2320.blogspot.com/

    ResponderExcluir
  47. Consegui!!!muuuito obrigada! ficou triii!!! vlw

    ResponderExcluir
  48. Muito obrigado, faz tempo que estou tentando colocar essa funcionalidade no meu blog.
    Eu tenho uma pergunta, eu coloquei o botão "Like/Curtir" no blog, e tambem o do "Tweet", mas fica um embaixo do outro, há como alinha-los ?

    ResponderExcluir
  49. valew..... muito bom vc é o cara!!!

    ei me segue por favor... iebcolinas.blogspot.com.br



    a paz de Deus pra todo vc's..


    ABRAÇÇO..

    ResponderExcluir
  50. http://www.facebook.com/pages/PensandoEmVocces/364159700286600
    http://www.facebook.com/pages/PensandoEmVocces/364159700286600

    ResponderExcluir
  51. Olá como posso colocar os botões que você tem aqui... assine esse feed, face e twiiter, tem como você me ajudar nisso?

    ResponderExcluir
  52. Valeu, muito bom mesmo, consegui por de primeira! Parabéns ;)

    ResponderExcluir
  53. Obrigado ajudo bastante ^_^
    depois de muitas tentativas essa deu certo T.T
    visitem meu blog sobre animais e adoção
    http://mypetfunny.blogspot.com.br/

    ResponderExcluir
  54. Por favor alguém me ajude. Eu pus o botão mas passados un dias começou a pedir para confirmar o gosto. O mais estranho é que quando faço "preview" no template consigo por o gosto sem qualquer problema mas quando guardo e tento novamente, pede para confirmar de novo. Alguém me ajuda sff ? Aqui fica o link http://www.bloogwi.blogspot.pt/

    ResponderExcluir
  55. Finalmente um site ensina o passo-a-passo para os pobres mortais leigos. Adorei!!!!

    ResponderExcluir
  56. ESPETACULAR!!! MUITO SIMPLES E EFICIENTE!!! PARABÉNS PELA A DICA.

    ResponderExcluir
  57. Adorei a dica meu blog ficou legal

    http://ewertongsilva.blogspot.com.br/

    ResponderExcluir
  58. help-me =/

    boa noite...

    coloquei o curtir la no blog, porem tem alguns bugs..
    1 se eu curtir um post, curte todos ao mesmo tempo..
    2 se eu saio do face e atualizo a pagina, apaga meu curtir(realizado anteriormente)e aparece a frase "seja o primeiro a curtir".
    3se eu curtir um post o botao nao pode mais ser usado, nem por outro face,
    exemplo: tenho um face teste, qdo faço transição de um para outro aparece a frase "seja o primeiro a curtir".

    ResponderExcluir
  59. Obrigada deu certinho mas porque pede pra confirmar, e quando confirma o curti.. não aparece no face? desde já obrigada

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

    ResponderExcluir
  61. Legal funcionou direitinho. Obrigado.!!!!!

    ResponderExcluir
  62. cade o seu botão de curtir ensina e não tem ????????????

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

    ResponderExcluir
  64. Aos poucos, vamos todos trocando o Orkut pelo Facebook onde supostamente “as coisas acontecem”.

    Mas é a coisa mais “pobre” que se possa imaginar. Dada a natureza de sua construção, não há temas para debater. Só existem as pessoas e seu infinito narcisismo. É um tal de “olhem a foto do meu neto” ou “me vejam na minha formatura” que no fundo só enchem o saco, já que a maioria das pessoas não se interessa por isso.

    Será que os narcisistas do Facebook de fato acreditam que as fotos de suas férias, eventos, de seus filhos e netos de fato interessam a alguém? Creio que no fundo eles sabem que não. É só uma forma de exibir o que de fato não interessa a mais ninguém, mas a pessoa pensa que assim se realiza.

    No plano do pensamento, a antiga idéia de escrever algo importante e polêmico simplesmente morreu. Antes escrevíamos o que pensávamos. Agora nos limitamos a colar links para textos de outras pessoas.

    No Orkut escrevíamos as coisas como sendo um ato de contestação e de inovação. As pessoas reagiam e respondiam. No Facebook tudo o que obtemos é “kkkkkkkk” e “ótimo texto”, quando não é o anônimo “curtir”. Que pobreza e que falta de senso critico!

    Portanto, se você é inteligente e sabe o que quer, deixe esta porcaria de lado. Volte ao bom e velho Orkut.

    Essa é uma campanha isolada de uma pessoa com certo senso crítico. A proposta é “Abandone o Facebook e o Tweeter à sua própria insignificância e volte ao Orkut”. Você é mais do que esses lixos digitais. Deixe suas fotinhos desfocadas e mal feitas de aniversários e de crianças para o Facebook e volte a ser adulto no Orkut.

    Essa é uma corrente de fé. Tire 10 cópias e publique nas redes sociais. Se você não fizer isso, vai ter um ataque de idiotice e morrer de burrice. Se fizer será um benfeitor da humanidade.

    Alizando Creci, natural da Colômbia, tirou as cópias e publicou tudo no Facebook e no Twitter. Hoje é um próspero empresário, dono de um carinho de cachorro quente. H. Romeu Pinto não levou a corrente a sério e foi pego na operação “dancing days” da polícia federal. Será julgado pelo Joaquim Barbosa em breve.

    ResponderExcluir
  65. Excelente post to começando com um blog.

    http://caosemsono.blogspot.com.br/

    Pretendo adquirir mais conhecimento para adicionar melhorias ao mesmo.

    ResponderExcluir
  66. Aff.... consegui colocar este tal de seguir... depois de varias tentaivas... valeu pela dica.... ótimo blog

    ResponderExcluir
  67. naturally like your web-site however you have to take a look at the spelling on several of
    your posts. Several of them are rife with spelling issues and I
    find it very troublesome to tell the reality nevertheless I'll definitely come again again.
    Feel free to surf my web blog ; online casino guide

    ResponderExcluir
  68. Mama, o problema é sempre a altura desses iframes. Tem que fazer um ajuste técnico, a digna gambiarra, dentro de uma div. Senão, fica aquele espaço enorme entre o item e o plugin.

    Sempre que preciso, copio o código que vocês montam. É um saco configurar na página do desenvolvedor. Vocês sabem das nossas necessidades.

    Obrigado.

    Keep blogging.
    Mais sucesso.
    Têjota Menezes | @loucos_virtude

    ResponderExcluir
  69. I'll right away take hold of your rss as I can't find уοur e-mail subѕсriptiоn link or e-neωsletter ѕervicе.
    Do yοu have any? Kindly let me know ѕо that
    I mау subscribе. Thanks.

    Аlso visіt mу hоmeρage: houston garden centers main office
    my webpage: garden center coupons

    ResponderExcluir
  70. Many people argue that eating too many plants grown with commercial fertilizers or pesticides
    can cause health problems. So, I propose to you that you might want to consider doing your own organic gardening right in
    your own back yard. Wood can be used as long as it's not treated with chemicals.

    Also visit my web blog malcontented

    ResponderExcluir
  71. até que incluiu o botão curtir. Mas eu fui curtir e ele não aceitou. Permanece zero... o que será?

    ResponderExcluir
  72. Fundamentallу the flеx belt іs а belt уou strap οn
    around your wаist аnd three sρecificаlly plаced ρadѕ аre what аsѕiѕt contract your abѕ.


    Visіt my web ρage: Www.squidoo.Com

    ResponderExcluir
  73. Aêêê... Até que enfim achei um código que funfou!!!! hahahaha

    E respondendo ao Pr. Cleilson , aqui funcionou perfeitamente! =p

    ResponderExcluir
  74. Make certain your ab belts have a various toning system.

    Have a look at my site ... main.sjphelfs.org

    ResponderExcluir
  75. They have produced this product extremely in a
    different way. Do you have the activities of the check out motor light or provider mild comes on your vehicle?


    My blog post - http://www.mol63.ru/index.php?q=work/vacancy/goryachie-vakansii/how-use-obd-scanner-reset-look-engine-mild-nissan

    ResponderExcluir
  76. Its like you read my mind! You seem to know so much about this, like you wrote the book in it or something.

    I think that you could do with some pics to drive the message home a little bit, but other than that, this is fantastic
    blog. An excellent read. I will certainly be back.

    My web site ... ra law group complaints

    ResponderExcluir
  77. Ahaa, its pleasant conversation regarding this paragraph here at this website, I have read all
    that, so now me also commenting here.

    Feel free to visit my website - http://fanclub.asalettfilms.com

    ResponderExcluir
  78. http://achatcialisgenerique.lo.gs/ cialis sans ordonnance
    http://commandercialisfer.lo.gs/ commander cialis
    http://prezzocialisgenericoit.net/ compra cialis in italia
    http://preciocialisgenericoespana.net/ cialis

    ResponderExcluir
  79. This is certainly a superb issue to keep in thoughts when shopping for any authentic sunglasses.[url=http://www.designelementsco.com]fake oakleys[/url] Made from latest technologies, these sunglasses offer the best experience and value for money to the buyers.
    Sales will determine the type of sunglasses display, you will need.
    You will require a topic that looks great, offers maximum protection within the eyes, and sunglasses that can last.


    Oakley sunglasses are for those who wish to be within a various league Cheap Oakleys.If the wholesaler offers them 1 shop very cheaply, other shops may complain.[url=http://www.themikeschrullteam.com]cheap oakley sunglasses[/url] If your spending budget can accommodate that then thats great, but most people cannot.
    Make sure that the one you have was not tampered and is not really tacky.
    Black Bully Pitbull Stud Puppy Blue pit bull puppies.


    The popular sunglasses manufacturers such as Oakley, Diesel and Prada Sunglasses have realized the fact that unique fashion statements are not dedicated for the celebrities.You have photo shoots and video shoots where your directors will ask you to do everything but nothing!Over the following weeks I really became acquainted with how efficiently 3ality's systems are designed.[url=http://www.capitolcms.com]fake oakley sunglasses[/url] McCartney à concevoir une gamme de produits pour Adidas, elle est aussi un réalisateur britannique de vêtements olympiques équipe créative sera responsable de la conception de tous les équipements sportifs, vêtements de sport, uniformes d et de vêtements promotionnels, y compris.

    ResponderExcluir
  80. Olá, boa tarde, estou tentando incluir o botão curtir Facebook na minha Loja VirtualMinha dúvida é a seguinte: Essa url do código seria a minha página de Facebook, ou a url da página do site? Obrigada pela ajuda!

    ResponderExcluir
  81. òtimo post, para enriquecer seu post sugiro a todos a utilizar o Botao like invisivel curtir Fan Page grátis, aumentar curtidas, melhorando a divulgação de suas postagem site ou blog, sem gastar um único centavo veja mais em:
    http://www.codigosparablog.com/2013/11/botao-like-invisivel-curtir-gratis/

    ResponderExcluir

Caso queira informações mais detalhadas, ou encomendar um template personalizado, use o Formulário de Contato ou meu Email. Responderei o mais breve possível.
Obrigada.