sábado, 21 de junio de 2008

Meneame y Wikio en Blogger

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

10 comentarios:

Anónimo dijo...

Hola:
Sólo agregar que para que el botón de Wikio funcione hay que estar indexado en Wikio. Si no lo estás hay que proponer el sitio y se indexa casi inmediatamente...
Gracias por estas instrucciones tan claras

Okendo dijo...

Eres el doctor honoris causa de poner cosas en los blogs...

Anónimo dijo...

Genial!!

Álvaro Martínez @alvarom dijo...

Hola buenas, meto el código justo como dices, después de la frase que pones... y al guardar me dice esto:

No hemos podido guardar tu plantilla
Por favor, corrige el siguiente error y envía la plantilla de nuevo.
No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The reference to entity "title" must end with the ';' delimiter.


¿Soluciones?

Juliàn dijo...

Veo en tu blog que has conseguido implementar el sistema. ;-)

Me alegro.

kamy dijo...

Yo tengo el mismo problema que Alvaro Martinez en el comentario anterior pero no logro solucionarlo :S

kamy dijo...

Solucionado, el problema era que faltaba un ";"

La que se arma por un punto y coma...

Juliàn dijo...

Me alegro de que os esté funcionando.

;-)

Juliàn dijo...

Donde ponga "&title=" debería poner "& a m p ; title=" SIN ESPACIOS. De esta forma no os saldrá ese error de XML.

jorge dijo...

gracias viejo esto de sirve de gran ayuda ahora voy a probarlo...