Botón para compartir las entradas (Ayuda Blogger)

Seguramente os habréis dado cuenta de que recientemente he colocado un botón en la esquina inferior derecha de todas las entradas que sirve para compartir o guardar como favorito el contenido de las mismas en 286 servicios diferentes. Pues hoy os quiero explicar como se coloca dicho botón. Evidentemente tener algo de manejo con el html de la plantilla os ayudará a poder personalizarlo más.

Para empezar necesitamos entrar en http://www.addthis.com/. Una vez en la pagina (que esta en inglés pero es muy intuitiva) tenéis que seleccionar el servicio que vais a utilizar (en nuestro caso blogger) luego la clase de botón que más os guste y acto seguido pulsar en "Get Your Button". Luego nos ofrece dos opciones:

• Instalarlo en la barra lateral, para lo cual solo tenemos que pulsar en "Install to Sidebar" y seguir las instrucciones.
• O instalarlo en el pie de todas las entradas, con el código que os ofrece. La ventaja que ofrece este método es poder compartir cada entrada por separada, que es realmente lo que a mi me interesa.

Para hacer esto último nos piden que insertemos un código debajo de la secuencia de html  <div class='post-footer'> con las plantillas de artilugios expandidas. Sin embargo hacer caso a esa petición puede dar como resultado que vuestro botón acabe en lugares algo incómodos para su correcto uso. Yo lo que os recomiendo es que hagáis una copia de seguridad de vuestra plantilla y en diversas lineas de la misma cerca del código citado arriba os dediquéis a poner letras diferentes y previsualicéis el blog. En función del lugar donde hayan salido las letras colocad el código donde os interese.

También para añadir espacios (entre el "Leer más" y el botón, por ejemplo) podéis utilizar "&#160;" (lo que hay entre comillas) ya que en el html los espacios normales no se ven en la página. Si pegáis ese código en la Edición de html se os convertirá en un espacio.

Y otra cosa que os puede ser útil saber es que podéis cambiar fácilmente el aspecto del botón. Para ello tenéis que encontrar en el código que os ofrece addthis algo similar a esto: img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" una vez lo tengáis localizado lo único que tenéis que hacer es crear vuestra imagen, subirla a algún lugar y cambiar la url que hay entre comillas por la dirección original (algo que debe acabar obligatoriamente en .jpg .gif o .png) de vuestra imagen.