terça-feira, 29 de setembro de 2015

Whatsapp share button para Blogger

whatsapp-share-button-para-blogger

Hoje vamos apresentar para você um tutorial para adicionar botão share para compartilhar seu blogger isso é muito valido sabendo-se que whatsapp isso vai facilitar o compartilhamento com a chegada dos smartphones o whatsapp bateu recorde em pouco tempo atingindo milhões de usuários imagine se seu blogger tem um botão de compartilhamento e preparado para disposivos moveis isso é ainda melhor as pessoas vão poder compartilhar seu blog levando para  o próximo nivel isso vai aumentar os visitantes bem como ajudar as pessoas a divulgar sua marca então faça uso no seu blogger siga os passos abaixo para adicionar botão de compartilhamento whatsapp no seu blogger


Como adicionar botão whatsapp no blogger 
faça login no seu blogger 
então vá em modelo >> editar html
com as teclas combinadas CTRL+F  busque por </head> 
Então copie o código abaixo e cole antes disso

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script>
// Whatsapp share button
$(document).ready(function() {
$(document).on("click", '.tist', function() {
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
var text = $(this).attr("data-text");
var url = $(this).attr("data-href");
var message = encodeURIComponent(text) + " - " + encodeURIComponent(url);
var whatsapp_url = "whatsapp://send?text=" + message;
window.location.href = whatsapp_url;} 
else {alert("This function works on Mobile Device only");}});
});
</script>

2 Agora procure por ]]></b:skin>  e acima disso cole o código 


/* Whatsapp css setting */
.tist{background:#35BA47; color:#fff; padding:2px 6px; border-radius:3px;}
a.tist:hover{color:#fff !important;}


Salve isso  então siga o outro passo

3 Então crie seu post depois disso clique em html ao lado de escrever  copie o código e cole no final do post só publicar e pronto.
NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

Nenhum comentário:

Postar um comentário

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner