Boton compartir de whatsapp para blogger y website

Son muchos los botones sociales que se implementa en nuestra web o web que visitamos, con un solo fin, hacer conocer la website.

Un boton que no debe pasarse por alto es el del whatsapp, ya que es el servicio de mensajeria mas usado por las personas, ademas de compartir archivos tambien podemos compartir nuestras paginas web que visitamos y que nos parece interesante.

Empezemos a ver el codigo que necesitamos para el botom compartir de whatsapp.

Codigo para website:

<div class="boton"><a href="whatsapp://send?text=(titulo-de-tu-website) - (url -de-tu-website)" data-action="share/whatsapp/share" >Compartir</a></div>

Codigo para blogger:

<div class="boton"><a data-action='share/whatsapp/share' expr:href='&quot;whatsapp://send?text=&quot; + data:post.title + &quot;-&quot; + data:post.url' title='Compartir en Whatsapp' alt='data:post.title'>Compartir</a></div> 

Estilos css para el boton. 

<style type="text/css">
.boton {
height: 25px;
width: 100px;
background-color: #64D448;
    float:left;
    margin:0px 5px;
}
.boton a {
font-size: 11px;
text-transform: capitalize;
font-weight: bold;
font-family: Tahoma, Geneva, sans-serif;
line-height: 25px;
color: #FFF;
text-decoration: none;
background-image: url(http://i.imgur.com/rlL5bQK.png);
background-repeat: no-repeat;
background-position: 5px 3px;
padding-left: 30px;
display: block;
}
.boton a:hover {
background-color: #48BA2C;
    color: #FFF;
}
</style>

Otra manera de implementarlo en nuestra web es usando los botones automaticos que nos ofrece addToAny tanto en websites y blogger. Siguiendo unos pasos puedes agregarlo sin ningun problema.

Si quieres probar el boton hecho por mi puedes ingresar AQUI.