Como Colocar botão personalizado com sua própria imagem para compartilhar no Facebook


Aprenda como colocar um botão personalizado com sua própria imagem para compartilhar uma postagem do Blogger no Facebook.

Não se pode negar a importância do botão de compartilhamento de uma postagem de um blog no Facebook, mas infelizmente os botões que o Facebook tem disponibilizado é pequeno e de pouca visibilidade. Muitos leitores não compartilham uma postagem, por não perceberem o pequeno botão. A solução seria colocar um botão próprio com uma imagem própria para dar maior destaque.

Para os usuários do Blogger, colocar um botão de compartilhamento personalizado, precisa ser de forma manual e em cada postagem ir acrescentando a URL da postagem, pois não tem como colocar de forma automática, como se faz com o botão padrão. Mas não é tão complicado assim, embora nas postagens antigas seja necessário edita-las.

Como colocar um botão de compartilhamento no Facebook personalizado:

- Primeiro é preciso criar sua imagem e hospeda-la em algum local da WEB. Eu sempre hospedo no Picasa, que é do próprio Goolgle, o que dá uma boa vantagem com o consumo de banda.

- Coloque o endereço da imagem no local correspondente marcado em vermelho no código abaixo, respeitando, sem retirar, as aspas:
<a href="http://www.facebook.com/sharer.php?u=ENDEREÇO_DA_POSTAGEM" target="_blank"><img src="ENDEREÇO DA IMAGEM" border="0" /></a>
- Vá ao Painel do Blogger Clique em Configurações, postagens & comentários- e insira o código no campo "Modelo de Postagens" e salve as configurações.



- Dessa forma, cada vez que você criar uma postagem, o código já se encontrará nela. Agora é preciso colocar o endereço da postagem que se quer compartilhar.

- Copie o endereço da sua postagem, no menu lateral direito do painel de postagem, na seção Links, (clique nele para exibir, vale tanto para links automáticos quanto personalizados). O link só aparece após ser criado, seja nomeando um título para a postagem, seja o criando na opção personalizado.



Abra o HTML da sua postagem e coloque o endereço da mesma no campo ENDEREÇO_DA_POSTAGEM , marcado em verde no código fornecido acima.

Dica para facilitar: Comece a postagem já inserindo um título nela, seja de forma manual ou automática , e preencha o código. Assim facilita a localização do mesmo.

Faça o teste compartilhando essa postagem em seu mural clicando na imagem abaixo.


Postar um comentário

2 Comentários

  1. Muito boa postagem, uma pena que o facebook nao permita a edição da HTML original para poder personalizar :/

    ResponderExcluir

Os comentários são moderados, isso significa que ao clicar em enviar, eles não são publicados imediatamente, e sim após serem analisados.