Inserindo botão de compartilhamento via WhatsApp em seu site

Veja como é fácil adicionar um botão de compartilhamento via WhatsApp em seu site ou blog
Para começar insira esse trecho de código na área onde deseja que o botão apareça.
<a class="whatsapp" href="whatsapp://send?text=Trecho de um texto ou descrição do seu post - http://DOMINIO_OU_URL_DA_POSTAGEM"><img src="URL_DO_ICONE_WHATSAPP"></a>
Bem, como todos sabem só é possível acessar o Whatsapp por dispositivos mobiles. Então precisamos impedir que este botão seja exibido em computadores. Vamos aproveitar a classe "whatsapp" já criada no botão e vamos inserir o seguinte dentro do código css do seu site ou blog:
.whastapp{display:none}
O código acima fará com que o botão deixe de ser exibido em qualquer dispositivo.
@media only screen and (max-device-width : 999px) {

 .whastapp{display:block}

}
Agora com o código acima informamos apenas aos dispositivos mobile, com largura de tela de no máximo 999px de largura exiba o botão de compartilhamento. Você pode alterar essa largura como desejar.

Agora é só testar pelo celular.

Atenção: Nunca puxe links de imagens de outros sites, a não ser que pertençam a você.

Não esqueça de avaliar o post e de compartilhá-lo nas redes socais.

Assine nossa news e fique sempre informado.

por FeedBurner, by Google

2 comentários: