lunes, 27 de diciembre de 2010

Marcadores sociales en un único botón para Blogger





Hace ya un tiempo (octubre del 2007), comentábamos la imposibilidad de incluir el botón "Compártelo" en las entradas de los blogs de Blogger.
Como solución alternativa (y un poco complicada) descubrimos la que nos proponían desde Blog an Web. Es la que hemos venido utilizando desde entonces en este blog.
Pero el listado de servidores de marcado social no para de crecer. Con lo que las actualizaciones que en su momento hicimos para Mister Wong había que ir haciéndolas para otros servicios emergentes como diigo que no existía en aquellos momentos.
Se trata de buscar nuevas soluciones.
Máxime cuando ya en Blogger empieza a funcionar el botón ShareThis.
Los primeros intentos que hacía para colocarlo en este blog fracasaban.
Sí que lo hacían correctamente en otros blogs también de Blogger.
Pero no en el balcón abierto.
Seguramente que el colocado automático chocaba con alguna modificación del código que he ido haciendo a lo largo de todo este tiempo.
Al final lo he conseguido.
¿Cómo?



Pues haciéndolo de forma manual.
Explico primero el proceso automático.
1.- Vamos a la página: http://sharethis.com/
2.- Pulsamos el botón "Get the Buttom".



3.- Elegimos nuestro servidor de blog. En nuestro caso Blogger.


4.- Desplegamos nuestro listado de blogs para elegir aquel en el que queremos implementar el botón y pulsamos en AÑADIR ARTILUGIO.



5.-Veremos que se ha incorporado un gadget en la columna lateral del blog.



6.- Y que a aparece el botón ShareThis al final de cada entrada del blog.



Lo que a mí me ocurría en este blog es que el gadget aparecía en la columna lateral pero no así el botón al final de cada entrada.
Al final, lo he resuelto de forma manual.
En lugar de elegir el blog de Blogger he pulsado en botón Any Website.



En el paso siguiente he elegido el tipo de botón. El clásico.



En el paso tercero he pulsado el botón para obtener el código.



El código tiene dos partes.



El que he señalado con el número 2 hay que colocarlo en la parte de la cabecera del código del blog. Entre las etiquetas <HEAD> y </HEAD>
El que he marcado con el número 1 es el que hay que colocar en el punto exacto en el que queremos incorporar el botón.
En nuestro caso justo debajo de la línea de código:
<p class='post-footer-line post-footer-line-3'>

1 comentario:

  1. Hola, Ángel:
    Primero, Feliz año 2011!
    Segundo, he seguido tus instrucciones pero con la variante de elegir todos los botones en lugar del simple, ¡y ha funcionado!!
    Gracias por las indicaciones
    Un abrazo,
    Berta

    ResponderEliminar