O Facebook é a maior rede social que tal você usar desta plataforma de rede social para divulgar seu blog, está incrível rede possui muitos widgets e entre eles estes botões, de opinião e compartilhamento, eles são compatíveis com o Blogger graças a algumas modificações feitas pelo Blogger Plugins, Veja como inseri-lo no seu Blog:
Para Adicionar o Widget, abaixo das postagens:
1º Acesse o painel do Blogger(blogger.com)
2º Vá em “Layout/Design” >>“Editar HTML” >> marque a caixa “Expandir Modelos de Widgets”
3º Procure pelo seguinte trecho utilizando as teclas CTRL e F:
<data:post.body/>
4º Abaixo dele adicione o seguinte Código:
<b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
</b:if>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
</b:if>
Este código exibirá o widget apenas nas páginas de postagem, para exibir em todas retire os trechos em vermelho.
5º Salve e visualize
Personalizando o Widget
Se desejar mudar o texto “curtir” para “recomendar” altere o seguinte trecho no código:
Substitua:
action=like
Por:
action=recommend
Mudando a cor do Botão
Para que seu Botão tenha um fundo cinza mude o trecho:
colorscheme=light
Por:
colorscheme=dark
Muito bom...obrigada pela ajuda.
ResponderExcluirObrigado Rosana Grasiele Pelo comentario
ExcluirObrigada, graças a sua ajuda,finalmente eu consegui!
ResponderExcluirAnna
Ola Ana, grato pelo comentario.
ExcluirNão estou canseguindo... no meu não aparece nada... =/
ResponderExcluirAlgem pode me ajudar?
Ola E. Souza, Tenha atenção onde colocas o Código e ve se estais a seguir os passos direitinho. E uma dica, é bom sempre antes de fazeres alguma alteração no blog faça backup do mesmo, para evitar qualquer problema no blog. Vlw...
ExcluirOlá, gostaria de saber como faz para tirar. Estou tentando e não consegui!
ResponderExcluireei' É só você entrar de novo no html procurar esse códico que ele pediu para vc procurar.Melhor ainda seria se vc tiver feito o backup de seu site, sendo assim preciso somente restaurar seu site com o ou ensinando a começar a fazer um blog do modelo. visite meu blog, comecei ele ontem e estou ensinando a fazer um blog no blogger do zero.
Excluirhttp://www.melhorestutoriaisblogger.blogspot.com
Muito obrigada pela dica!
ResponderExcluirObrigado pela dica! porém no meu blog, quando clico em recomendar o botão se transforma em um pequeno link "confirmar" então tenho que clicar novamente ali.. porque aparece isso, queria recomendar direto.. alguém tem uma luz?
ResponderExcluirObrigado!
Olhem:
http://positivopensamento.blogspot.com.br