Adicionar e Personalizar Botão Curtir/Enviar do Facebook no Blogger

Existem diversas opções de botões e acessórios para divulgar seu blog no facebook, mas também existem maneiras simples de criar seus botões personalizados para enviar seus posts ao facebook. Isso vai permitir além de usar uma imagem ou texto personalizado como botão do facebook, mas também escolher qual pagina será compartilhada na rede social. Além disso, também é possível usar o botão curtir(enviar) como assinatura do seu email e ganhar mais divulgação em cada email que enviar.

botão curtir do facebook personalizado no blog

O código para criar seu próprio botão para enviar seus posts para o facebook é igual ao link comum apenas usamos o endereço http://www.facebook.com/sharer.php?u= na frente do link da pagina, veja os exemplos abaixo:

Botão curtir em forma de link de texto
<a href="http://www.facebook.com/sharer.php?u=http://www.dicasparablogs.com.br" title="compartilhe nossas dicas no facebook" target="_blank">Recomende o Dicas para Blogs no Facebook</a>

Teste esse código no link a seguir: Recomende o Dicas para Blogs no Facebook

Botão curtir com imagem personalizada
<a href="http://www.facebook.com/sharer.php?u=http://www.dicasparablogs.com.br" title="compartilhe nossas dicas no facebook" target="_blank"><img src="endereço da imagem" border="0" /></a>

Clique na imagem abaixo e veja a demostração do botão curtir personalizado

Nestes dois códigos o trecho title="compartilhe nossas dicas no facebook" é o texto que aparece quando passa o mouse sobre o link portanto altere isso como desejar.

Veja algumas dicas sobre criar imagens e banners
Site para Fazer Imagens Online e Criar Banners com Efeitos
Achar e baixar imagens, fotos, icones para Blog

Esses códigos podem ser utilizados dentro das postagens como fizemos aqui ou adicionando um gadget que pode ser um gadget de html/javascript, imagem ou link de texto. Enfim qualquer lugar que seja possível adicionar um link poderá usar esse código.

Recomendamos que leia nosso tutorial sobreEstatísticas Botões de Compartilhamento, assim poderá acompanhar o desempenho do seu blog no Facebook, Orkut, Twitter e outras redes sociais.

Configurar o botão curtir do facebook como assinatura de email

Isso vai depender muito de qual serviço de e-mail você usa então vamos mostrar como colocar o botão curtir na assinatura do seu MSN (hotmail). Entre em opções > escrevendo email e clique no link fonte e assinatura de mensagem. Depois escreva o texto que desejar e clique na ferramenta link então coloquem o endereço: como link para o texto, mas é claro usando o endereço do seu blog no final do link. Clique para salvar e pronto.

configurar assinatura de email no MSN

Outra dica interessante sobre esse código é que você pode usar o endereço de qualquer postagem do seu blog nele, ou seja, se quiser pode enviar uma postagem ou pagina extra através deste código e assim recomendar a pagina que desejar.

Essa dica serve como opção mais simples do que usar o Botão Curtir Oficial do Facebook e também ajuda a deixar o blog mais rápido já que carrega somente a imagem ou link de texto em vez dos scripts do facebook, leia mais sobre diminuir o tempo de carregamento do blog. Então faça um teste e descubra quais as melhores formas para divulgar seu blog.

15 comentários:

  1. Fabiano Roberto!

    Aqui no seu site, para ver uma postagem, temos que clicar no Veja o tutorial completo. Como faço pra personalizar essa parte? Há como? Ou vai depender do estilo do Templante?

    Azenis Corporation

    ResponderExcluir
  2. é simples fazer isso.

    pode entrar na pagina layout, clicar para editar as postagem e trocar o texto

    se não der certo entre na pagina editar html, marque para expandir o modelo e procure por
    < data:post.jumpText/ >

    e troque pelo texto que desejar

    mas vou fazer um tutorial sobre isso mais detalhado e também mostrando como colocar imagens.

    ResponderExcluir
  3. Olá gostaria que vocês fizessem um tutorial ensinando a deixar os posts igual ao desse site http://superfilmesemhdonline.blogspot.com.br/

    Muito Obrigado

    ResponderExcluir
  4. ADMIN vou pesquisar sobre isso e fazer um tutorial

    ResponderExcluir
  5. veja aqui alguns templates para download
    http://www.spiceupyourblog.com/2011/03/gallery-blogger-blogspot-templates.html

    ResponderExcluir
  6. Fabiano Roberto Referente ao Blog que o ADMIN citou no comentário acima ( O Super Filmes Online). O "menu de páginas" é bem legal, e cairia muito bem no meu Blog, por que ele é preto, e um pouco personalizado. Existe como alterar o estilo das páginas? Ou isso dependerá do estilo do Templante que uso?

    ResponderExcluir
  7. Azenis Corporation você quer deixar as paginas extras diferentes do resto do blog?

    até é possivel mas tem muitas chances de erros no template e depende também do navegador que a pessoa usar. Por isso acho que não vale a pena.

    ResponderExcluir
  8. Olá. Olhe Fabiano, pode me explicar porque é que quando eu coloco o link de uma postagem minha no facebook, aparece sempre o link da minha frontpage, a imagem principal e a descrição do meu blogue mas nunca a imagem/titúlo e descrição da minha postagem ?

    ResponderExcluir
  9. Fabiano... Como retiro aquela barrinha de "Mail,Blogger, Twitter e Orkut" já existente no template?
    Já tentei editar postagem, marcando e desmarcando essa barrinha e nao consigo exclui-la!

    ResponderExcluir
  10. Natalia veja aqui:
    Mostrar Botões de Compartilhamento no Blogspot

    lá tem os códigos do botão então você pode comparar com o html do seu blog para achar algum erro

    ResponderExcluir
  11. Fiz algumas alterações no código e ficou legal!

    ResponderExcluir
  12. Fabiano...
    Por que a imagem da postagem não está sendo enviada juntamente com o link para o Face?
    Veja como está enviando:
    http://meucadernodetextos.blogspot.com.br/2013/11/uma-virtude-de-fortes.html

    ResponderExcluir
  13. Natalia

    o facebook fez algumas modificações então deve ser esse o problema.

    vou pesquisar sobre como resolver isso e escolher a imagem enviada ao facebook, assim que encontrar vou publicar um tutorial sobre o assunto

    ResponderExcluir