Inserindo botão de compartilhamento via WhatsApp em seu site

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ê.