O Facebook é a maior rede social, depois do Orkut aqui no Brasil, 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 abaixo um demo do Widget em funcionamento, e abaixo como inseri-ló:
Como inserir
Adicionando 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:
<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> 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
1º)Se desejar mudar o texto “curtir” para “recomendar” altere o seguinte trecho no código:Substitua:
action=like
Por:
action=recommend
Veja o o demo:
Mudando a cor do Botão
2º) Para que seu Botão tenha um fundo cinza mude o trecho:
colorscheme=light
Por:
colorscheme=dark
Veja outros artigos relacionados a Facebook:
- Exibindo o número de fãs do Facebook em formato de texto - PHP/Blogger
- Ícones sociais prateados
- Botões de compartilhamento (Novo recurso) - Blogger
Referência: Facebook Like / Recommend Button For Blogger
50 Comentários
rede social "tudofree" www.tudofree.eu5.org
Divulgue seu site!
envie sua noticia,links,jogos,musicas e muito mais!
Tentei várias dicas para inserir o botão "curtir", mas só através de seu blog obtive êxito. Obrigado! www.senhorjones.com
@Daniel Castelo Branco
Que bom que conseguiu! Sempre que precisar é só voltar.
Gostaria de deixar o botão na página incial do post. Ele só é visualizado quando o internauta clica no título do post, daí ele aparece lá dentro do artigo! Queria deixar o botão na página incial, pois meus artigo não precisam ser clicados para serem lidos!
Valeu, gostei do blog!
www.saulosales.com.br
@Saulo Sales
Leia o trecho em azul na parte 4
É possível dar um espaço entre o final do texto e o botão?
Parabéns, eu também entrei em vários blogs e só com seu tutorial ele funcionou.
ótima dica...já instalei no meu blog
prabéns pelas dicas do seu blog
Pretendo colocar o botão "Curtir" do facebook no meu site. Mas o meu site está em CSS.
Se colocar o codigo HTLM este não funciona.
Precisava de saber qual o codigo do botar "Curtir" no formato CSS, alguem me pode ajudar?
Obrigado malta
Visitem nosso blog! http://bhpoeamesa.blogspot.com/
Adorei a dica!
Olá Fernando, como sempre encontro aqui as melhores dicas de uma maneira mais simples. Tem como voce me dizer como faço para colocar um botão igual ao seu, aquele lindinho que esta abaixo do post na área "Compartilhe e Salve!" ? Sou novata no facebook e tenho algumas dificuldades com estes botões. Obrigada
Abraços
Olá Fernando, já tentei e não consegui.
Coloquei o código como você manda, infelizmente não funcionou, acredito que tenho que colocar meu endereço neste código, se for onde devo colocar?
Agradeço a ajuda.
Abraços
EU coloquei como estava escrito mas infelizmente não foi.
Cara gostaria de saber se é possivel fazer o Blog Uol? Se for poderia me ensinar
@Alexandre
Olha nesta plataforma nuca testei, vou procurar saber e assim que tiver resposta te falo.
ficaria extremamente grato!!!!!
funcionou tranquilo, valeu! =D
Valeu, muito boa dica e funcionou direitinho!!!
artsforyoulembrancinhas.blogspot.com
Valeu pela dica, depois de tentar umas 10 x com dicas de outros blogs, finalmente com a sua consegui!
Obrigado e parabéns pela objetividade na dica..
bloginvestimob.blogspot.com
www.investimob.com
Ja tinha visto em outros sites, mas esse foi o unico que funcionou. =D
Oi, finalmente encontrei o lugar certo. Correu tudo direitinho no meu blog, obrigado, mas tem um PORÉM: quando alguém curte não aparece para todos os amigos do facebook, somente em seu próprio mural. Você sabe o porquê disto?
Qual a diferença de clicar no botão curtir ou no botão compartilhar no facebook ?
Ficou perfeito, obrigada pela dica! Foi difícil encontrar um código que funcionesse bem! O código fornecido pelo próprio Facebook Developers não funciona direito!..Valeu mesmo!
Veja o resultado:
www.prituca.blogspot.com
Abração!
Como colocar a Logomarca da empresa para aparecer no facebook quando a pessoa curti?
Muito bom estou começando na blogosfera agora, não sabia que ganhar grana era tão facil huauha
Amigao,
mesmo retirando a parte em vermelho, no meu blog apareceu apenas quando se clica no titulo da postagem. Nao aparece na pagina inicial.
Obrigado
Há tempos procurava um artigo que explicasse como fazer isso, mas sempre q eu tentava nunca dava certo. Esse foi o único que realmente funcionou, valeu!
Parabens, tenho alguns blogs, vivo nas redes sociais e uma delas é o FB e queria isto no Blogger, com tua dica e dica da sweetmakeups2.blogspot (http://goo.gl/jnbEy) consegui que o botão "mostrar" e "curtir" agora façam parte de minhas postagens. Pode conferir, aqui meus blogs:
http://www.moisesalba.com/
http://linkpelotas.blogspot.com/
http://modurbana.blogspot.com/
http://dicasmoisesalba.blogspot.com/
http://dicasmoisesalba.blogspot.com/
Abraços e muito sucesso!!
amigo, tenho um facebook, queria fazer que nem vc fez aquele widget do facebook curtir, to tentando mas não consigo, pode me ajudar porfavor? está em baixo de "Publicidade" procurei varios tuto mais nao acho o geito, se poder ajudar ficarei grato
vlw gostei desse post, era o eu estava procurando, um completo, nao só o incone "curtir" mas o texto tbm tava qrendo =D.
Se quiserem ver como ficou no meu blog acesse:
http://ultraimpactodownloads.blogspot.com/
Olhe, também passei por muitos sites mas foi só aqui que realmente consegui instalar o botão do jeitinho que queria! Muito obrigada pelas dicas! :D
Obrigado amigo!!!
100%
@a-boca-magica
To com a mesma duvida! Valeu.
Olá !!
Ufaaa, até que enfim um botão que funciona !!!
Obrigada por compartilhar !!
Um abraço e boa semana !
Valew pçrocurei em todas as partes e vcs foram os unicos a passar um tuto decente... valew mesmo
Muito bom suas dicas, estaremos usando em nosso site.
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.
parabéns amigo. de todos os que tentei, foi o único que funcionou!
Olá, muito boa a dica, havia procurado em outros sites, mas o botão curtir não funcionou. Porém, fiz a experiência de curtir, mas na página do Face, não aparece o post ou o resumo do post, o que aparece é esse texto:
Reações: Enviar por e-mail BlogThis! Compartilhar no Twitter Compartilhar no Facebook Compartilhar no orkut
Poderia me ajudar a arrumar isso, como faço? Obrigada!
http://segredodasborboletas.blogspot.com/
Valeu! ->Segue a dica http://eletroscience.blogspot.com/
Muito obrigada pela preciosa dica, que há muito tempo estava querendo. Grande abraço, Solange de Paula.
Já vi muitas explicações por aí, mas a sua foi a mais simples, objetiva e compreensível de todas.
Parabéns!
Obrigadaaaaaa!!!!!! Funcionou super bem!
Abraços!
vejam e me diz se gostaram www.ficanaweb.blogspot.com
Olá como eu coloco o botão "compartilhar" do facebook em baixo da postagem???
Muito obrigado amigos, já faz muito tempo que tento e não consigo. Cheguei até aqui por recomendação do "Blog Salada da Camila" http://camilasilva1402.blogspot.com/2011/08/botao-curtir-do-face-no-blogger.html
Meu blog automotivo é All Car Wallpapers Free Download! http://www.carwp.blogspot.com
Chegou o seu mais novo site de downloads. Acessem:
www.detudopc2.blogspot.com
Obrigado !
Muito boa a explicação!
Conseguí colocar o "curtir" na primeira.
Parabéns!
Postar um comentário
Deixe seu comentário aqui
Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.