Já publiquei aqui no passado como adicionar o botão do twitter (retweet) no seu blog no blogger. Hoje você vai aprender como incluir o popular botão Like/Curtir do facebook no seu blog. Com a inclusão do botão nos seus posts, os visitantes poderão de forma simples e prática indicar os posts do seu blog diretamente em perfis no Facebook.
Instalando no Blogger:
Acesse o painel de controle do seu blog e clique no link “Design” e depois “Editar HTML“. Em seguida marque a opção “Expandir modelos widgets” e procure pelo trecho abaixo:
<data:post.body/>
ABAIXO da linha mostrada acima insira o seguinte código:
<b:if cond='data:blog.pageType == "item"'>
<p style='display: inline; float: right; margin-left: 5px'>
<iframe expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=button_count&show_faces=false&width=80&action=like&colorscheme=light"' scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:80px; height:20px"></iframe>
</p>
</b:if>
Salve as alterações.
Pronto, o botão do facebook será mostrado no corpo das postagens do seu blog, caso opte por exibir o botão em outro lugar adicione o código acima ABAIXO dos trechos sugeridos adiante:
<div class=’post-header-line-1′> (abaixo do título do post)
<div class=’post-footer-line post-footer-line-3′> (no rodapé do post)
Instalando no WordPress.org:
Escolha um local no tema do seu blog para incluir o botão e copie todo o código abaixo:
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php the_permalink()?>
&%0Alayout=standard&show_faces=false&width=380&action=like&
colorscheme=light&height=25" style="border: medium none;
overflow: hidden; width: 250px; height: 25px;" allowtransparency="true"
scrolling="no" frameborder="0"></iframe>
Recomendo que você adicione o botão no diretório “single.php” do seu wordpress, assim só será exibido quando um post for visualizado individualmente.
É interessante ler também:
Você poderia publicar um artigo dando dicas de como conseguir mais fãs numa página no facebook???
Olá Down Fire Livre,
Acho que este artigo poderá lhe ajudar: http://www.escoladinheiro.com/2010/12/13/como-conseguir-mais-fas-no-facebook/
Obrigado pelo comentário e volte sempre.
Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente. Mensagem de erro em XML: Element type “cond” must be followed by either attribute specifications, “>” or “/>”.
Error 500
eu sigo os passos e acontece isso, ajuda ai cara
Olá Anonimo,
Tente novamente, fiz algumas alterações no código.
Abraços.
n funcionou…fiz tudo certo e n aparece!!
olha ae
http://vitirinhas.blogspot.com
O que houve de errado?
Não esqueça de marcar a opção “expandir os modelos widgets”.
Aqui também acusou o erro 500
“Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente. Mensagem de erro em XML: Open quote is expected for attribute “{1}” associated with an element type “cond”.”
Estamos tendo problemas com as aspas retas nos códigos postados aqui no TB, já estou tentando solucionar o problema, tente novamente agora.
Comigo funcionou perfeitamente…..obrigada
Aproveitem aí gente e passem lá no meu blog dá uma forcinha: michellehaddad.com.br
Valeu..
E ai cara, to precisando de uma ajudinha se possivel…
Bom, Pra comecar, este meu site nao e de Blog, e sim de tiras, eu to comecando ainda, e estou usando o Dream Weaver pra criar, gostaria de saber como coloco o botao de curtir/like em cada tiras da minha pagina de quadrinhos, porque com o codigo que o face developers da quando clico no “like” nao individualiza as imagens, Por favor me de uma luz bro!
Valeu
Cesao
olá eu tbm não estou conseguindo colocar, segui todos os passo mas quando salvo o modelo, não aparece o botão no blog!!! =\
vc pode me ajudar ???
Ótima dica. Simples e objetiva. Já estou utilizando.
Acredito que esse código não esteja funcionando no Blogger. ;D
Rafael,
Está funcionando perfeitamente. Refiz os testes e não há nenhum erro no código. Certifique-se de ter copiado e colado como nas instruções.
Eu add um botão curtir as minhas postagens no blogger e queria saber se é normal as pessoas curtirem e eu não ser notificado?
Add também o plugin social e nesse sim sou notificado.
E aí pode me ajudar?
Agradeço desde já.