Adicionando um botão "Curtir" do Facebook no Blogger/Blogspot
Olá, caro leitor! Se você quer acompanhar todos os nossos artigos, sinta-se a vontade para assinar nosso feed.
O Facebook é uma rede social de grande qualidade, muito utilizada por blogueiros, seja para comunicar-se com outras pessoas, ou para divulgar os seus blogs. Se você ainda não conhece o Facebook, ou nunca pensou em fazer o seu cadastro, recomendamos que leia:
-> Criando cadastro no Facebook
O botão de "Curtir", tem a função de fazer com que os visitantes que curtam um artigo seu, automaticamente, divulguem para os seus amigos no Facebook. Ele tem praticamente a mesma função que o botão "Tweet", para que seu blog seja divulgado no Twitter.
-> Novos botões do Twitter para o seu blog
Adicionando o botão "Curtir" ao seu blog
Para adicionar o botão de "Curtir", do Facebook ao seu blog, você deverá usar 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=Curtir&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
</b:if>
Substitua "Curtir", pelo texto que quiser. Você pode colocar "Gostar", ou até "Like". Fica ao seu critério. Se desejar adicionar este botão abaixo do título do post, ou no rodapé deles, recomendamos que leia:
-> Adicionando elementos abaixo do título do post - Blogger
-> Adicionando widgets ao rodapé das postagens - Blogger
O Facebook é uma rede social de grande qualidade para blogueiros, por isso, se você ainda não a conhece, está na hora de criar o seu cadastro. E você, o que acha do Facebook?
Fonte: Add FaceBook Like Button For Blogger ( BlogSpot ) And Customize It.
21 Comentários:
nãaaao consegui colocar, ja tentei de todas as maneiras, e agora Vinicius?
Lumagga,
Não sei o que pode ser, que erro ocorreu?
tentei mas não aparece nada
Marcos,
Tente colocar o botão em outro blog, provavelmente em um de testes. Se funcionar, significa que o problema está no layout de seu blog.
não deu certo. Nem no blog de testes...
O que será?
Deborah,
Que erro ocorreu?
Simplesmente não aconteceu NADA!!!
Deborah,
Tem certeza que você colocou no local certo? Que não faltou nenhuma parte no código? Fizemos alguns testes e conseguimos colocar o botão. Caso encontremos algum erro, corrigiremos o tutorial.
Dei um jeito, uma amiga me orientou diferente e deu certo agora. Obrigada pelo apoio e pela insistência.
isso nao pega.
Riick,
O código foi testado antes, e comprovamos que ele funciona perfeitamente. É estranho que não tenha conseguido.
Não funciona na versão gratuita do wordpress por isso a galera não consegui colocar o códico no post.
cara, não conseguido de forma nenhuma, ja tentei o codigo de outros sites e nada tmb
qual é o local exato pra se colocar isso?
Adrian,
Não há um local certo para colocá-lo, mas o recomendável é usá-lo no início do post ou no rodapé deles.
Olá pessoal, eu estava com a mesma dificuldade, por fim segui passo a passo like que fou tirado o tutorial do Vini, deu super certo, é um pouco mais complicado, mas com um pouco de atenção rola de boa!
Vini qnd tiver tmp da uma olha ai no meu blog, tem pouquissimo tempo ainda estou aprendendo a mexer, abraxx galera
Bem, deu tudo certo, tá funcionando perfeitamente no meu blog.
Porém,quando eu curti e fui ver no facebook como iria aparecer para os meus amigos, a imagem estava ao lado do link não é a que eu achava que apareceria, como eu mudo a imagem que vai aparecer no Facebook ?
Lucas,
Infelizmente, não é possível alterar a imagem. O Facebook rastreia a primeira imagem que encontrar em seu blog.
Esse botãozinho só serve para colocar embaixo do post? Na página do blog não funciona?
Franci,
Esse botão pode ser inserido em qualquer lugar de seu blog.
querido consegui colocar o botão porém quando curto na pagina do face aparece uma imagem nada a ver com meu post do blog! o que pode ser isso?
Mara,
É comum que isso aconteça, pois a imagem que vai para o Facebook é a primeira que ele consegue rastrear em seu blog.
Postar um comentário
-> NÃO faça comentários ofensivos;
-> Faça comentários apenas RELATIVOS ao assunto do artigo;
-> NÃO faça conversas nos comentários;
-> É PROIBIDO usar links desnecessários, para isso comente usando OpenID;
-> Os comentários são VERIFICADOS, para garantir que não seja violada as regras acima;
Se preferir, fale conosco pela página de CONTATO.
Dica
Use tags como <b> e <i> para fazer comentários mais relevantes.