Como cambiar el icono de ShareThis en tu sitio

Sharethis es una pequeña utilidad o widget que nos permite compartir el contenido de un sitio de diferentes formas, ya sea enviar por correo, enviar a twitter, compartir en facebook, etc.

A veces necesitamos cambiar el icono para que vaya acorde a nuestro diseño, y para ello realizamos los siguientes pasos.

.stico_default { background: transparent url(http://www.nuestrositio.com/tu_icono.png) no-repeat scroll 0px 0px !important; }

1 2 3 4 5

.stico_default { background: transparent url(http://www.nuestrositio.com/tu_icono.png) no-repeat scroll 0px 0px !important; }

 

Como vemos es tan simple como reescribir la clase .stico_default y definir el background con la imagen que deseamos mostrar.

Si deseamos utilizar un titulo o cambiar por el que viene por defecto que es “ShareThis”, eso lo cambiamos en la variable del javascript que incluimos para que funcione la aplicación.

JavaScript

<script type=”text/javascript” src=”http://w.sharethis.com/widget/?tabs=web%2Cpost%2Cemail &buttonText=Compartir+Contenido&charset=utf-8&style=default &publisher=”’Publisher_ID_Here”’”> </script>

1 2 3 4 5

<script type=”text/javascript” src=”http://w.sharethis.com/widget/?tabs=web%2Cpost%2Cemail &buttonText=Compartir+Contenido&charset=utf-8&style=default &publisher=”’Publisher_ID_Here”’”> </script>

 

Aqui se trata de cambiar el valor de la varialbe buttonText por el texto que queramos, los espacios entre palabras lo realizamos agregando el signo +.