Colocar Botão Compartilhar no WhatsApp no Blog

Veja como adicionar um botão ou link para compartilhar no WhatsApp as postagens do seu blog ou site. É um código para criar um link ou botão para enviar as postagens do seu blog do Blogger direto para o WhatsApp facilitando o compartilhamento e atraindo visitas para o seu site.

Adicionar link ou botão para compartilhar no WhatsApp

Adicionar link ou botão para compartilhar no WhatsApp


para usar o código que vamos mostrar você precisa usar um modelo personalizado para celular. Isto pode ser ativado na pagina Tema, clicando sobre o ícone de engrenagem que permite escolher o template para celular no blogger e escolhendo a opção personalizada (veja também: Adicionar Gadgets no Template para Celular do Blogger).

pagina editar html no blogger

Depois disso clique no botão editar HTML, use o ctrl F para achar a linha div class='post-footer-line post-footer-line-1' ou procure por uma linha parecida com post-footer-line. Isso pode variar conforme o template que você usar.

Logo abaixo da linha que encontrou adicione esse código:

<div stlye='padding:5px'><a data-action='share/whatsapp/share' expr:href='&quot;whatsapp://send?text=&quot; + data:post.title + &quot;-&quot; + data:post.url' title='compartilhe'>Compartilhar no WhatsApp</a></div>

Você pode personalizar o código do botão do WhatsApp no Blogger, por exemplo, modificando o texto: Compartilhar no WhatsApp, escrevendo o que você quiser.

O código padding:5px é um espaço vazio em volta do link para compartilhar no whatsapp, então pode modificar esse valor como achar melhor para combinar com seu template ou dar mais destaque ao botão para compartilhar no WhatsApp.

Além disso em vez de um link de texto você pode usar uma imagem para criar um botão para compartilhar seu blog no WhatsApp. Para fazer isso apenas apague o texto: Compartilhar no WhatsApp e coloque esse código no lugar:

<img border="0" height="281" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8e-nxZwv63LgEf_xBfwtPz7CW1wrK5F6jcE8nzMt04x7UXFXz8T74p9_R44WTIqv1fnvunPij4W4zArHSr55op1hsKq8Bkn9vkvvkLpAFWH4URJ0lMr53Vg7iNs_d_YOs8JgxgGZp_m06/s500/botao-compartilhar-whatsapp-blog.jpg" width="500" />

Esse exemplo de código de imagem é com a imagem deste tutorial, portanto você precisa alterar o endereço da imagem e as medidas da imagem (500 é a largura e 281 é a altura). Veja nos links abaixo:
Hospedar Imagens no Blogger
Como Criar ou Editar Imagens Online

Com isso terminamos esse tutorial sobre colocar botão compartilhar no WhatsApp no blog, mas é claro existem sites que fornecem botões de compartilhamento para varias redes sociais como Facebook, Google+, Twitter e outras, vejam nos links abaixo algumas sugestões de botões de compartilhamento:

Botões de Compartilhamento para Blogs e Sites
Plugins de Botões de Compartilhamento para Wordpress

Esperamos que isso seja útil para o seu blog. Abraços e boa sorte.

Marcadores: , , ,