Hola a todos. En esta entrada explicaré como poner los iconos de las redes sociales más importantes en un blog de blogger (.blogspot). Esto funciona en las últimas versiones de blogger. Por lo menos, a mí me ha funcionado. Así que, como he visto que la cosa no está demasiado clara por internet, me he decidido a explicarlo paso a paso.
Las redes sociales que agregaremos serán las más importantes Meneame.net, Del.icious, Wikio, Digg it, Fresqui, Technoratti, Yahoo!. Con ellas, un usuario que las utilice podrá recomendar un artículo vuestro a un gran número de personas.
Primero, deberemos tener subidos los respectivos iconos de los agregadores sociales a algún servidor. Por ejemplo, yo los tengo subidos en photobucket.com
Podéis descargarlos a vuestro PC y subirlos a cualquier sistema que admita imágenes. No os recomiendo que enlacéis directamente con las URLs que os doy yo, ya que si hiciera algún cambio en ellos os afectaría directamente. Por ello, es casi imprescindible que cada uno suba las imágenes (gif, png, etc) en algún servicio externo.
Después entramos en el sistema de edición de blogger. Le damos a Diseño y a Edición de HTML.
Lo primero es ir a los seguro, así que
guarda una copia de tu plantilla pinchando en Descargar plantilla. Una vez la tienes en el PC, siempre podrás subirla de nuevo y será como si no hubieras hecho ningún cambio.
Haced click en Expandir plantillas de artilugios.
Ahora deberemos buscar la siguiente línea de código:
<div class='post-footer-line post-footer-line-3'/>
La mejor manera de encontrarlo es mediante la opción Buscar de vuestro navegador. En Firefox, pulsa Ctrl+F y se abrirá en la zona inferior un recuadro de búsqueda. Buscad, por ejemplo, post-footer. Fijaros en que el número sea el último que teneis listado. Es decir, que podeis encontraros con
<div class='post-footer-line post-footer-line-2'/>
Compártelo: <a expr:href='"http://meneame.net/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Menéame'><img src='http://i241.photobucket.com/albums/ff58/julker/meneame.png'/></a> |
<a expr:href='"http://www.technorati.com/search/" + data:post.url' target='_blank' title='Technorati'><img src='http://i241.photobucket.com/albums/ff58/julker/technorati.gif'/></a> |
<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Del.icio.us'><img src='http://i241.photobucket.com/albums/ff58/julker/delicious.gif'/></a> |
<a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='DiggIt!'><img src='http://i241.photobucket.com/albums/ff58/julker/digg.gif'/></a> |
<a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?url" + data:post.url + "&title=" + data:post.title' target='_blank' title='Yahoo!'><img src='http://i241.photobucket.com/albums/ff58/julker/yahooab9.gif'/></a> |
<a expr:href='"http://www.wikio.es/vote?url=" + data:post.url' target='_tab'><img alt='http://www.wikio.es' src='http://www.wikio.es/shared/img/vote/wikio1.gif' style='border-style:none;padding:0.1em;'/></a> |
<a expr:href='"http://tec.fresqui.com/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Fresqui'><img src='http://i241.photobucket.com/albums/ff58/julker/fresqui.png'/></a>
Todas las URLs que aparecen con la palabra photobucket, son las URLs en las que están alojadas mis imágenes. Deberíais cambiarlas por la dirección en la que tengais subidas las vuestras. En caso contrario, no me hago responsable de los problemas o errores que puedan derivarse de ello.
Dadle a Vista previa para ver como queda. Si os gusta, sólo tendréis que guardar la plantilla y listo.
Como detalle, Fresqui tiene varias secciones. Si en lugar de la sección Tecnología quieres aparecer en la sección Ocio, en lugar de
http://tec.fresqui.com/post?url= deberás escribir esta URL http://ocio.fresqui.com/post?url=Lo mismo ocurre si quieres aparecer en la sección Mix o en la sección Actualidad.
http://mix.fresqui.com/post?url=http://act.fresqui.com/post?url=También quisiera recordaros que -como bien ha apuntado un compañero en los comentarios-, para que el link de Wikio funcione, previamente deberéis haber indexado vuestro blog en Wikio. Sólo deberéis proponer la URL y en poco tiempo os funcionará.
Espero haberos servido de ayuda. El único lugar en el que pude encontrar la información convenientemente detallada fue
este, así que os animo a todos a visitarlo.
Enlaces relacionados: La Revolución Industrial
