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).
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='"whatsapp://send?text=" + data:post.title + "-" + 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://4.bp.blogspot.com/-3RzEPh7EoDM/WLhVEsPRUlI/AAAAAAAAPB4/JnlpUTAsaZE2CesdiazdcJZMgaoak9D9ACLcB/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.
Obrigada, deu certinho no meu blog. Fiz uma adaptação, pois meu template tem código para mobile e pc. Foi só colocar no lugar certo que funcionou. Parabéns.
ResponderExcluirO meu blogger não aceita colocar botão de whatsapp oque eu faço?
ResponderExcluiruma opção pode ser usar os botões do addthis ou addtoany
ResponderExcluir