Como adicionar o botão Curtir do Facebook dentro das postagens do Blogger
O Facebook é a maior rede social do mundo e a que mais cresce. No Brasil, o crescimento do Facebook está sendo constante e muitas empresas aproveitam todo esse tráfego de pessoas online para divulgar suas marcas, seus produtos, serviços e afins. Tenha sempre certeza que seus visitantes terão uma conta no Facebook e, se você criar uma página lá, e divulgar seu conteúdo, você poderá também aproveitar todo esse tráfego e trazê-lo para seu blog. Por isso, adicione um botão curtir do Facebook em seu blog no Blogger já!
Não tem nada de complicado, vá até seu Blogger e clique em:
- Modelo > Fazer backup/restaurar > Fazer download do modelo completo (Como fazer backup/download do template no Blogger)
- Depois de fazer o backup do template, clique em Editar HTML > Prosseguir
Agora, procure por:
<div class='post-header-line-1'>
Se você não encontrar, procure pelo mesmo código, só que com a barra no final:
<div class='post-header-line-1'/>
Nós mostraremos os três principais tipos de botões para Facebook, os mais usados e os melhores. São eles vertical, horizontal e o horizontal sem contador de "curtidas".
Botão Curtir do Facebook com contador - Vertical
<b:if cond='data:blog.pageType != "static_page"'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&send=false&layout=box_count&show_faces=false&width=55&action=like&font=arial&colorscheme=light&height=62"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:62px;'/> </b:if>
Botão Curtir do Facebook com contador - Horizontal
<b:if cond='data:blog.pageType != "static_page"'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&send=false&layout=button_count&show_faces=false&width=90&action=like&font=arial&colorscheme=light&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/> </b:if>
Botão Curtir do Facebook sem contador
<b:if cond='data:blog.pageType != "static_page"'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&send=false&layout=standard&show_faces=false&width=450&action=like&font=arial&colorscheme=light&height=35"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/> </b:if>
Agora sim, seus leitores podem compartilhar os artigos do seu blog no Facebook.
Teve algum problema ao inserir o botão? Deixe seu comentário que, na medida do possível o ajudaremos!
Wil, excelente. O seu foi o único que "deu certo" em meu Blog. Obrigado!
ResponderExcluirSem querer abusar, mas os botões do Google+ e do Twitter.. você teria algum post também pra nos auxiliar a inseri-los. Abraços
Edson, obrigado pelo comentário e que bom que deu certo.
ExcluirLogo prepararei um post com o do Google+ e do Twitter, bem legal.
Abraços!
sera que seria abusar da sua vontade se eu pedisse pra voce linkar meu blog e que criei agora e queria uma ajudinha
Excluirse poder o link e esse
Http://www.comandoaprender.blogspot.com
ahhh.. eu nao consegui... nao achei!!
ExcluirWil, não vejo a hora dos demais códigos. Grande abração na alma.
ResponderExcluirMuito bom esse código legal já está no meu blog valew
ResponderExcluirValeu, Danilo!
ExcluirEstamos aqui pra isso!
Abraços!
muito obrigado, foi o unico codigo que funcionou no blog, valeu mesmo!!! vc tem o codigo do pinterest?
ResponderExcluirMuito bom funcionou direitinho!!
ResponderExcluirTambém gostei da sua frase "UM Blog para seu Blogger"
Obrigado.
Obrigada vlw funcionou.
ResponderExcluirhttp://quenomeeudou123.blogspot.com
Vlw ajudou muito.
ResponderExcluirMuito fácil e muito obrigada haha
ResponderExcluirenxergarsemver.blogspot.com.br
Deu certo, thanks!
ResponderExcluirNÃO CONCEGUI TERMINAR POR QUE NÃO VI O FINAL DA POSTAGEM
ResponderExcluiracho que sou mais lerda que os demais. Nao entendi bem. Depois que seleciona a caixa expandir modelos de widgets, eu procuro por aqueles negocinhos e aí, faz o que?
ResponderExcluirBoa noite. Tentei colocar o botão curtir sem contador em meu blog, porém, o número de pessoas que curtiram segue aparecendo. Gostaria realmente de um botão que não mostrasse essa quantidade, uma vez que ela constantemente é apresentada com erros. Um abraço
ResponderExcluirNussss foi o único q me ajudou!!!!vlw
ResponderExcluirmuito bom, bem do jeito que queria... mas queria no FIM DO POST,e ta ficando no inicio.. sabe como resolvo?
ResponderExcluirbjs
cara excelente! mas criei uma pagina nova no blog e o botão não aparece nela.... alguma ideia de como faço para o botão ir pra lah tbm??
ResponderExcluirNão achei essa linha de código que disse, ja procurei em toda HTML não encontrei :(
ResponderExcluirTambém não encontrei.. já procurei diversas vezes e não encontrei nenhum dos dois códigos que ele mencionou :(
ExcluirShow. Funcionou comigo tb, valeu pela dica
ResponderExcluirEu simplesmente estou amandoooo ja estou me sentindo uma blogueira kkkkkkkk funcionou
ResponderExcluiradorei!
ResponderExcluirficou bom.
ResponderExcluirficou muito bom
ResponderExcluirParabéns Will, de forma simples e bem esplicado ..show de bola
ResponderExcluirMuito útil e prático! Valeu!
ResponderExcluirMe ajudou bastante Wil, Deus lhe abençoe em tudo
ResponderExcluirObrigada!
ResponderExcluirMuito top mesmo. obrigada.
ResponderExcluirmuito obrigada! adorei foi simples e facil
ResponderExcluirObriiiiiigada, super funcionou *-*
ResponderExcluirprimeiro que deu certo depois de meio ano valeu!
ResponderExcluirObrigada, foi o único que deu certo!
ResponderExcluirEu que agradeço, Sonia!
ExcluirObrigado!
Gostaria de saber como configurar o botão para que ele apareça sempre a direita.
ResponderExcluirNo meu blog ele só aparece a esquerda e o layout fica comprometido.
Espero que possa me responder, pois o seu foi o único que funcionou.
Obrigado!
Renata, basta fazer o seguinte:
Excluir<div align=”center”> código do widget </div>
Onde está escrito "Código do Widget" é onde você deve colocar todo o código do botão Curtir do Facebook.
Espero ter ajudado!
Wilamis, o botão ficou acima de minha postagem, perto do titulo, poderia me ensinar a colocar no final da postagem, perto dos comentários e compartilhe? Obrigada!
ExcluirDeus certo wilamis, mas onde está
ResponderExcluir-”center”- deu erro,ai tive que tirar as aspas e colocar 'center' isso fez com que o botão ficasse no centro, depois disso foi só trocar center por right.
Muito obrigado!! Valeu mesmo, sucesso.
Que bom que deu certo, Renata!
ExcluirObrigado e boa sorte com seu blog também!
Abraços! ;)
Willian nao consegui, é pra substituir ? e no meu blog não consta esse div class, o meu aparece assim div class='widget-content'>
Excluiralguma sugestão? abç
Willian nao consegui, é pra substituir ? e no meu blog não consta esse div class, o meu aparece assim div class='widget-content'>
Excluiralguma sugestão? abç
Bruno, você expandiu os modelos widgets?
Excluirnão tem como centralizar embaixo do post a opção ?
ResponderExcluirWil, como faço para que o Botão de Curtir apareça no fim do post, e não no inicio?
ResponderExcluirDEPOIS DE COPIAR ONDE EU COLO?
ResponderExcluirMuito obrigada filhote! :D
ResponderExcluirmuito obrigado, ja tinha tentado varias vezes e não tinha dado certo. agora consegui obrigado, estou te seguindo se der me segue tbm ;)
ResponderExcluirNooossa! Verdade o que as pessoas estão comentando, o seu foi o único que deu certo para mim também. Muuuuito obrigada!
ResponderExcluirUma dúvida: Quando as pessoas clicam no botão de curtir pede uma confirmação. Teria como curtir apertando o botão somente uma vez? Porque tenho receio que as pessoas não prestem atenção e deixem de corfirmar.
Giliane, obrigado!
ExcluirEu ainda não consegui um que retire essa confirmação.
Quando conseguir posto aqui no blog.
Abraços!
Funcionou perfeitamente. Obrigado pela ajuda! Blog Incruzão Dijitau...
ResponderExcluirObrigado!
ExcluirAbraços!
obrigado resolvido o problema meu ! só queria que mostrasse a foto dos seguidores do facebook tem como?
ResponderExcluirquem precisar de drivers, e programas grátis.
www.baixedegratis.com.br
www.baixedegratis.com
muito obrigado acabou com todas as minhas duvidas agora qualquer duvida que eu tiver vou vir logo nesse site parabens
ResponderExcluirTem alguma maneira de que o contagem das curtidas seja individual por post?
ResponderExcluirOlá Wilamis!
ResponderExcluirObrigadão mesmo!!
botão otimo e com essas opções ficam demais no blog
mas 2 duvidas
1ª - já conseguiu descobrir como "pular" a confirmação do like?
2ª - tem como colocar os rostos ou nome de quem curte? já troquei o Show_faces para =true, mas não funcionou.
Abraço
Me ajudou muito!!! **Galera, é pra colar o código do lado do que vc procurou**
ResponderExcluirVlw!!
Obrigada ;)
Excluirnao deu erro, mas nao apareceu o botao do curtir do face
ResponderExcluirOBRIGADA AMIGOO!!! VALEU AJUDA!!!
ResponderExcluirSE QUISER CONFERIR, VISITE O BLOG RENOVADA FITNESS
Garoto, vc é um gênio...explicou muito bem explicadinho...bati cabeça o dia todo só pegando posts furados...só o seu é que ddeu certíssimo...Valeu! Olha como ficou show: wwww.coisasdemulherecia.blogspot
ResponderExcluirBrigaduuuuuuuuuuu....
Maravilha! Só tem um detalhe. Precisa concluir a orientação, porque você diz para localizar o <div class etc e não diz se é para substituí-lo, se é para colar o código abaixo dele nem nada, daí a gente fica perdidíssimo!
ResponderExcluirNossa show esse seu blog. Me ajudou muito. Procurei por vários sites e nenhum foi tão bom quanto o seu para que eu pudesse colocar o curtir. Parabéns!!!!!Obrigada
ResponderExcluirTambém só tenho a agradecer.
ExcluirMuito bom, mas sabe como colocar ao final do post e não no cabeçalho? Grato.
ResponderExcluirEncontrei o código div class='post-header-line-1...agora não entendi onde colo o código do "Botão Curtir do Facebook com contador - Horizontal"...falta finalizar.Por gentileza me explique????
ResponderExcluirObrigado, ajudou muito :3
ResponderExcluirWillian, tem como colocar o botão sem precisar confirmar o curtir? Por exemplo, quando eu clico em CURTIR aparece "CONFIRMAR" daí abre uma pagina do facebook e aparece 'confirmar curtir'
ResponderExcluirSabe se tem como tirar isto? Grato, vitor.
valeu!
ResponderExcluiradorei, mt fácil!
ResponderExcluirvc tem tutorial para colocar a caixa de comentários do face no blog???
Vllw Wil! Foi o único site que eu aprendi a adicionar o botão curtir nas postagens do meu Blog! Parabéns!
ResponderExcluirMuito Grato!
encontrei o código no html e agora?
ResponderExcluirWilson, este deu certo. Parabéns!!!
ResponderExcluirE como faz pra colocar a opção curtir pagina do facebook no site?
Obrigada.
Wiviane
Desculpe minha ignorancia, mas eu fiquei "agarrado" depois da instrucao para procurar a linha (div class='post-header-line-1'/) e depois voce mostra os codigos dos botoes. Mas eh para substituir a linha, colocar o codigo antes? depois? onde? Obrigado.
ResponderExcluirGente, sou meio lerda, mas depois que eu encontrei o HTML não sei mais o que fazer... me ajudem por favor!!!!
ResponderExcluirMuito obrigada! Deu certinho!!
ResponderExcluirSó esclarecendo os marinheiros de primeira viagem como eu! rsrs!
Quando encontrar o código, é pra substituir!
Excelente blog, obrigada!!
Wil parabéns pelo seu trabalho, tem apenas uma semana que entrei nesse "mundo" dos blog's. Bem vamos ao ponto, rs; eu instalei a rolagem infinita e tanto o curtir do Face, qto o botão de impressora só aparecem nos post's iniciais depois eles não aparecem nos demais post's. Você teria uma solução p/ esse probema... Te agradeço desde já.
ResponderExcluirMuito obrigado, Wilamis! tinha tentado um monte por aí e nenhum estava dando certo! Com a sua explicação, foi rápido e eficaz! ;)
ResponderExcluirnao consegui !!!
ResponderExcluirno achei esse codigo q ta falando ai em cima :/
Eu havia colocado o botão, estava funcionando legal, mas aí de repente parou, ele não curte mais o post e sim a página. Como faço pra voltar a curtir somente o post?? Meu blog é http://fenix-renovacao.blogspot.com.br/ desde já agradeço!
ResponderExcluiré para substituir a linha com o código?
ResponderExcluirObrigado, muito fácil de instalar, quebrou mais galho :)
ResponderExcluirhttp://cronicasdeayrim.blogspot.com.br/
Nossa muito bom ...foi o unico que deu certo para mim wlw show
ResponderExcluirExcelente. Foi o único que deu certo no meu blog. Obrigada.
ResponderExcluirVocê é o caraaaaaaaaaaaaaaaaaaaaaaaa muito obrigada !
ResponderExcluirUnico que aprendi
Você é fera!
ResponderExcluirParabéns! Obrigada!
Tem algum codigo que uso para tirar a opção de confirmar tanto para curtir qto comentar ou compartilhar, no meu blog tem um botao para curtir que necessita de cofirmação e tem um comentar que tambem necessita de confirmação. Gostaria de tirar as confirmaçôes.Poderia me ajudar?
ResponderExcluirgrato.
vlw !
ResponderExcluirSó estou tendo um problema quando alguem curte ele pede para confirmar, sabe como tirar isso ?
Nossa... Obrigada!!
ResponderExcluirParabéns! esta ajudando muito, e ajudou nossa empresa!
Agora podem curtir http://g1moveis.blogspot.com.br/
;*
Muito bom estava procurando a um tempo e este deu certinho!
ResponderExcluirAbraços
Não consegui aqui! Tentei a tag div mas mesmo assim não aparece. O que posso estar fazendo errado?
ResponderExcluirValeu deu muito certo, até que em fim, Obrigada pelas dicas e já querendo outra: Vejo no Facebook que muitas pessoas colocam uma tag de responder no seu comentário (ficando logo abaixo do seu comet) mesmo que outra pessoa já tenha comentado alguma coisa. como faço isso? Deu pra entender?? Há igual esta aqui no seu bog que posso responder o coment dos outros.
ResponderExcluirNÃO DEU CERTO NO MEU BLOG GOSTARIA QUE ME AJUDASSE
ResponderExcluirO meu deu certo só que ele aparece ao lado do título, como faço para ele ficar lá embaixo junto com os outros ícones [ao lado de comentários]???
ResponderExcluiramigo obrigado mesmo mas não deu certo p mim
ResponderExcluirOlá, muito legal a ajuda! Mas como eu assino meus posts em cima, porque tenho mais que uma autora, a opção curtir ficou la em cima, antes do post... onde eu poderia colar pra que ficasse no final, perto dos comentarios? Obrigada!
ResponderExcluirWill... acho q mudaram a interface do blogger...
ResponderExcluir1o. nao tem mais a caixinha de expandir o modelo... e além disso, acho que meu layout nao me permite adicionar, pq eu ja tentei de varias maneiras, e nada aparece!
:(
Alguem sabe como tirar a confirmação?
ResponderExcluiro meu pede confirmação apos curtir ou apos eu comentar algo.
em varios blogs nao precisa de confirmar, como faço para tirar isso.
Horas mexendo nessa parada e nada!!!!
ResponderExcluirNão entendi patavinas disso!!!
To desistindo agora, não deu certo!!!
Que saco, não encontro essa opção: •Marque a opção "Expandir modelos de Widgets
ResponderExcluirNão achei isso Marque a opção "Expandir modelos de Widgets" :(
ResponderExcluirMuito obrigado pelas explicações, pois consegui fazer sem complicações.
ResponderExcluirOi! Tudo bem? Olha não encontro mais a opção "Expandir modelos de Widgets" e também não encontro nenhuma das duas opções de códigos.
ResponderExcluirO que será que esta acontecendo?
não funcionou =/ não sei onde errei, tentei de outras formas mas não deu.
ResponderExcluirmangadesignbr.blogspot.com
Obrigaddddddddddddddaaaaaaaaaaaaaaa!!!! Até que enfim conseguiiii...
ResponderExcluirCara, ele está aparecendo em cima e eu queria que ele ficasse no fim do post, como faz?
ResponderExcluirNão consegui porque não existe mais o "expandir gandgets" está diferente o blog de novo
ResponderExcluirOlá amigo, como faço para inclui o botão "curtir página" dentro do meu post no facebook. Criei uma pagina de vendas de importados, e uso o hootsuite, no entanto eu gostaria de colocar este botão curtir para que aumentasse o nº de curtidas. Valeu.
ResponderExcluirse você não sabe procurar muito rápido(o codigo que ele falou), clique Ctril+F e digite o codigo ;)
ResponderExcluirNão consigo colocar, não encontrei o codigo!
ResponderExcluirEu mesma curti para ver se tava certinho.. mas não publicou no meu mural...
ResponderExcluirEstou com a nova interface do Blogger e não tem mais aquela opção de expandir widgets. Não consigo encontrar o código daí. Sabe como faz nessa nova interface?
ResponderExcluirNo meu blog simples eu consigui inserir, só que agora eu troquei meu template e não apareceu nada tentei de diversas formas, poderia me dar uma atenção nessa dúvida, obrigado!
ResponderExcluirNão consegui achar o código...alguém pode ajudar? Obrigadoooo.
ResponderExcluirNão consegui,
ResponderExcluirNo meu não tem a opção expandir Widget .Onde eu encontro isso ?
ResponderExcluirGente, deu super certo... eu estava copiando o nome do meu blog, mas na verdade vc tem que entrar na sua página do facebook e copiar o nome da sua página.
ResponderExcluirAff... como fui bobinha...rsrsrs
po acho que sou o unico que não conseguiu, apareceu tudo, colei lá, só nao aparece o botao like
ResponderExcluircoloquei logo apos o codigo e nao aparece nada, pode me ajudar, valeu
ResponderExcluirNão estou encontrando o "prosseguir" que você mencionou!!
ResponderExcluir"clique em Editar HTML > Prosseguir"
E ainda assim procurei o código que você falou, mas não achei também!! :(
Me ajudaa por favor!
Wil, quando a pessoa clica no botão curtir ele pede para confirmar e aí a pessoa tem que clicar novamente. Isso é normal ou fiz algo errado? Obrigado.
ResponderExcluirValeu!
ResponderExcluiré pra colocar ao lado,abaixo ou aonde do código ? :s
ResponderExcluirhttp://garotas--poderosas.blogspot.com.br
Até que enfim funcionou! rsrs
ResponderExcluirParabéns!
Finalmente, risos.
ResponderExcluirObrigada, parabéns e sucesso!
Amigo, depois que vou no html e encontro a tag div class='post-header-line-1'/ faço o que? você não diz se é para substituir esta pelo código do botão curtir, fornecido por você, ou se coloco a tag do botão curtir depois do div class.......
ResponderExcluirdeu certo
ResponderExcluirobrigada.
ps:por um acaso vc não saberia o porque que quando coloco a caixa de mensagem do face no meu blog não esta aparecendo??
Wilamis,
ResponderExcluirJá procurei várias vezes esse código e não encontro por nada!
vi que tem que expandir os widgets, como eu faço isso?
Me ajude!!!! :(
como faço para expandir os widgets?
ResponderExcluirnão estou conseguindo, depois que clico em edital HTLM não aparece a opção prosseguir e nas opções abaixo, nãom aparece o div class =post-header. o que fazer?
obrigada
No meu não vai, coloco eles e não vão!!!
ResponderExcluirJa tentei de vários blogs por ai como eles ensinam e não aparece no final de cada postagem,
AJUDE-MEEE!
Não consegui colocar na direita de jeito nenhum ): Mas funcionou :D
ResponderExcluirOlá! O meu não apareceu dentro das postagens. Ficou fora. Por favor, como faço para que apareça dentro das postagens? Obrigada!
ResponderExcluirSensacional deu certo...
ResponderExcluirsaudações Blog AED Tecnologia.
Encontrei a tag no blog, e agora, colo o código fonte do facebook, antes ou depois dela?
ResponderExcluirNão deu certo,procurei em vários lugares e não deu certo. Fiz tudo direitinho e nada. O que será? Mais parabéns o post está bem, explicadinho!
ResponderExcluircomo colocar botão curtir e compartilhar nas postagens do blog?
ResponderExcluirOlá, gostaria de saber se existe a opção para colocar CURTIR + Contador e COMPARTILHAR juntos ?
ResponderExcluirDesde já agradeço!
É possível incluir os dois botões juntos, tipo botão COMPARTILHAR + botão CURTIR com contador?
ResponderExcluirSe puder me ajudar não consegui agrupar os códigos.
Parabéns pelo blog!
Obrigado (a) pela dica
ResponderExcluirOlá tudo bem? Não estou conseguindo... é depois do div class='post-header-line-1'/ ? fiz assim mas não tá rolando. Poderia me ajudar please?
ResponderExcluirOlá, Wilamis!
ResponderExcluirObrigada por compartilhar essa informação! Deu certo no meu blog!
Abraços,
Roberta
Me desculpe, mas onde devo colocar este botão?Em cima do código que você deu, embaixo ou terei que substituir?
ResponderExcluirComo que muda a posição do Botão?
ResponderExcluirValeu!
ResponderExcluirwww.apktem.blogspot.com