Como criar Botão Compartilhar no Whatsapp com imagem no Blog

Como inserir um botão de Compartilhar no Whatsapp com ícone do Whatsapp?

Tutorial para inserir o botão compartilhar com o símbolo do Whatsapp no Blog ou no seu site.

Como muita gente tem procurado esse código, eu peguei um código já existente e fiz algumas modificações para justamente ter o ícone do Whatsapp como botão de compartilhamento, pois fica muito mais bonito ter o símbolo do Whatsapp do que somente o link em si com o nome.

Vamos a obra! Vou dar o exemplo aqui do Blog (Blogger) que é o mais utilizado atualmente:

1- Acesse o menu "modelo" / "Editar HTML"

2- Clique dentro da Janela HTML e aperte Control e sem soltar aperte a tecla F. Irá abrir uma janela "Search".

3- Procure por: line-1

4- Copie o cole o texto logo abaixo:

 <div class='g-plusones'>  <div class='g-plusone' data-size='medium' expr:data-href='data:post.url'/>

<a alt='Compartilhar no WhatsApp' data-action='share/whatsapp/share' expr:href='&quot;whatsapp://send?text=&quot; + data:post.title + &quot;-&quot; + data:post.url' title='Compartilhar no WhatsApp'><img src='http://wargames.com.br/templates/Toys/images/blue/whatsapp.png'/> </a>

5- Clique em salvar e faça o teste.

Obs.: Lembrando que se você tiver um Template personalizado, pode ser que tenha que colocar esse código próximo a outros botões de compartilhamento. Procure por palavras chaves no HTML como "Facebook", "google+" e veja o melhor local para inserir o código. Salve e faça testes.