Olá, leitores queridos!
Bom, gente, tive muita dificuldade pra encontrar um TUTORIAL completo, claro e que funcionasse no novo Blogger explicando como colocar o botão Curtir do Facebook nas postagens aqui do blog. Por esse motivo, decidi criar meu próprio tutorial e ajudar quem também precisar! Vamos lá!
· No seu Blogger (não é no blog) clique em:
> Modelo
É aconselhável que antes você faça um backup do seu template clicando em Reverter/Fazer Backup (no topo da página, do lado direito).
· Depois de fazer o backup do template, clique em > Editar HTML.
· Agora, clique em qualquer lugar do código e, usando a caixa de busca (Ctrl+F), 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'/>
<div class='post-header-line-1'/>
ATENÇÃO! Em alguns casos aparece esse código duas vezes, o certo é o segundo!
OBS: Para adicionar o botão no FIM DA POSTAGEM você deve procurar por:
<P class='post-footer-line post-footer-line-1'>
· Na frente desse código, copie e cole um dos códigos abaixo, dependendo do tipo de botão curtir que você escolher!
São eles:
Botão Curtir do Facebook com contador - Vertical
Botão Curtir do Facebook com contador - Horizontal
Botão Curtir do Facebook sem contador
FONTES:
http://www.meublogdicas.com.br/2013/05/como-adicionar-o-botao-curtir-do-face.html
<P class='post-footer-line post-footer-line-1'>
(Se não encontrar, tente com a barra no final, antes do >)
· Na frente desse código, copie e cole um dos códigos abaixo, dependendo do tipo de botão curtir que você escolher!
São eles:
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>
FONTES:
http://www.meublogdicas.com.br/2013/05/como-adicionar-o-botao-curtir-do-face.html
54 comentários:
Finlmente consegui encontrar um tutorial descente. Parabéns pela dica, valeu muito!!1
Enfim um tuto q deu certo.... adorei!!!!
valeu !! :)
n consegui achar esse código :(
Pela primeira vez um tutorial que funciona!!! Já tinha tentado diversas vezes sem sucesso, finalmente consegui!
Obrigada, um beijo e um abraço ;)
Parabéns pela simplicidade e objetividade que postou esta dica, me ajudou muito. Forte abraço.
Não achei esse código no meu blogger.
Oi amiga, o meu ficou acima da postagem, que fiz de errado? Boa noite!
muito obrigada, até q enfim encontrei um alguém que ensine fácil
Amei o blog bjoss
www.pessoafashion.blogspot.com
Cara, tenho que te agradecer MUITO!!!
Tô fazendo sozinha o layout do meu blog e tava pesquisando links de curtir postagem e não achava em lugar algum. Fui em mais de 15 blogs e os links não funcionavam.
Muito obrigada!
O meu não tem esses códigos
Depois de muito tentar, finalmente consegui. E aproveitando a oportunidade achei muito interessante a descrição que vc faz de si mesma.
muito obrigado!!
Valeu aqui deu certo
Dica super pratica. Parabéns! Valeu! Muito Agradecido pela ajuda!
muito bom gostei
Nessa página, você pode escolher o modelo do seu botão! ;D
https://developers.facebook.com/docs/plugins/like-button
Aqui foi o único lugar que consegui entender como fazer! Ficou maravilhoso! Obrigada!
Cara, MUITISSIMO obrigada! Fiquei quase um mês nessa peleja pra conseguir colocar esse bendito botão e só você conseguiu me ajudar! Valeu mesmo!
Ótimo tutorial, me ajudou hein. Parabéns
Não consegui achar os códigos...
Muito bom! Obrigado, moça!
Linda!
Obrigada!
Já consegui!
*Blog Dona Ingrid*
Muito obrigado!!! Parabéns pelo trabalho. :-)
Olá Michelly, então eu fiz exatamente como você explicou só que no meu blog não aparece nada , não sei se é porque para mim não deve aparecer :/
o link dele é http://www.makemodaeinspiracao.blogspot.com.br/
finalmente achei um que deu certo ,obrigado
Adorei, e já consegui colocar no meu! Obrigada!
http://classicomulher.blogspot.com.br/
segue o meu blog, que eu sigo o seu!
www.kychique.blogspot.com
Pleeeease!!! Socorro!!!! Achei esse seu o mais facil de entender mas nao estou conseguindo!!!
Adorei, consegui colocar de primeira, valeu pelo tutorial. Parabéns!
Bjos, Mari.
http://www.studioartecasa.com.br/
Muito boa sua dica parabéns
Valeu Michelly muito obrigado a minha ficou em todas as postagens na página inicial do meu blog, vejam:http://igorsantanaribeiro.blogspot.com.br/
Abraço!
obrigado.
Muito obrigado! me ajudou muito!
nossa obrigado msm me ajudo muito :)
Muito obrigada pela ajuda!!!!!
Ainda não consegui, quando procuro o código que você falou não o encontro! :/ !
Já seguindo, se puder segue de volta!
http://vestida-de-rosa.blogspot.com.br/
Encontrei os códigos, mas não ficou. :\
Não funcionou no meu :/
Muito obrigado ajudo muito esse post. estava procurando a tempos isso.
Obrigada!
www.tamirissindice.com
infelizmente não achei nenhum desses códigos :(
você utiliza esse código? no meu precisa confirmar a curtida, no seu não, sabe porque?
E como coloca "compartilhar"?
O Meu não deu Certo :(
o meu não deu certo, fiz tudo como no tuto, mas não apareceu nenhum botão.............. help me.............
http://recicleedesignartesanato.blogspot.com.br
muito obrigada!!!!
No meu deu certo logo de primeira, desde ontem que estava pelejando com isso! Obrigado!!
Seu tutorial me ajudou muito, apesar de eu ter lido direto da fonte. O seu foi mais esclarecedor. Obrigado!
Olá galera, este post me ajudou más encontrei um tutorial mais completo!
http://www.digatech.com.br/2015/08/como-adicionar-o-botao-curtir-e-a-fanpage-do-facebook-ao-meu-blogger.html
Tá ai o link. Até mais!!
vlw você me ajudou pra caramba
Muito obrigada, flor. Me ajudou muito!
http://sefosseprimavera.blogspot.com.br/
Não achei o codigo
Postar um comentário