-->

miércoles, 18 de abril de 2007

Agregar redes sociales en Blogger

En primer lugar, aquí teneis una breve descripción de las principales redes sociales:

DIGG: Se trata de una página web en inglés que permite a los usuarios enviar, votar y jerarquizar las informaciones que crean en sus webs o encuentran en Internet. Es una de las webs precursoras en la valoración social de la información en la Red. Pinchando sobre este botón en las noticias o posts de La Vanguardia.es podrá enviar la información a la comunidad Digg. Para introducir información hay que estar registrado. Web: http://digg.com.


MENÉAME: Se trata de una página web en español en la que los usuarios registrados pueden enviar enlaces a informaciones encontradas en Internet. Los usuarios de esta comunidad revisan y votan las noticias enviadas, que también se pueden comentar. Las noticias se priorizan en la home por orden de valoración. Pinchando sobre este botón en las noticias de La Vanguardia.es podrá enviar la información a la comunidad Meneame. Para introducir información hay que estar registrado. Web: http://meneame.net.


DEL.ICIO.US: Se trata de una página en inglés que permite guardar y consultar los enlaces favoritos desde una web en lugar de tenerlos en el navegador de Internet. De esta manera, se puede acceder a ellos desde cualquier ordenador. El servicio permite clasificar los enlaces con tags (palabras clave), comentar el contenido y compartir el enlace con otros internautas. Gracias a esta labor comunitaria, la web sirve para rastrear más información sobre los temas que nos interesan. Se trata del marcador social más conocido de Internet. Pinchando sobre el botón que hay en el pie de la noticia enviará ese enlace a su cuenta de favoritos de Del.icio.us. Para enviar información hay que estar registrado. Web: http://del.icio.us.


TECHNORATI: Es el mayor buscador de blogs del mundo. Se puede rastrear información en más de 42 millones de bitácoras. Entre otros servicios, permite saber qué blogs hablan de una noticia y han hecho un link a ella. Pinchando sobre el botón de Technorati buscará todos los blogs que han enlazado a esa pieza en concreto. Para hacer una búsqueda no hay que estar registrado. Web: www.technorati.com.


MYWEB DE YAHOO: Este es un servicio del popular buscador Yahoo. Al igual que del.icio.us facilita al usuario la creación de unos favoritos online mediante tags o palabras clave. Además, permite guardar una copia de las páginas en caché. Pinchando sobre el botón de MyWeb se puede enviar el enlace y guardar una copia en su cuenta de favoritos. Para hacerlo, hay que estar registrado en algún servicio de Yahoo. Web: http://myweb.yahoo.com.


Una vez sabido esto, lo que haremos en este tutorial será poner un enlace a cada una de estas redes sociales después de cada post en nuestro blog de Blogger.

1. Accedemos a Plantilla --> Edición de HTML, y activamos la casilla de "Expandir plantillas de artilugios".

2. Pulsamos CTRL+F para buscar el siguiente código en nuestra plantilla:

<p class='post-footer-line post-footer-line-3'/>

3. Una vez localizado pegamos justo antes todo lo siguiente:

Compártelo: <a title="Menéame" expr:href='"http://meneame.net/submit.php?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img src='http://img181.imageshack.us/img181/3083/meneamehm7.gif'/></a> |

<a title="Technorati" expr:href='"http://www.technorati.com/search/"
+ data:post.url' target='_blank'><img src='http://img45.imageshack.us/img45/5606/technoratiiy1.gif'/></a> |

<a title="Del.icio.us" expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img src='http://img50.imageshack.us/img50/9913/deliciogl4.gif'/></a> |

<a title="DiggIt!" expr:href='"http://digg.com/submit?phase=2&amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img src='http://img50.imageshack.us/img50/300/diggjf4.gif'/></a> |

<a title="Yahoo!" expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?url" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img src='http://img50.imageshack.us/img50/163/yahooab9.gif'/></a> |

<a title="Fresqui" expr:href='"http://tec.fresqui.com/post?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img src='http://img45.imageshack.us/img45/5397/fresquisr8.gif'/></a> |


Con eso tendremos listas nuestras 6 redes. Si quereis añadir alguna más sólo teneis que cambiar la imagen y la dirección.

Visto en: La revolución industrial

NOTA: Si os da error al copiar el código, copiadlo desde la web de La revolución industrial, porque Blogger no me deja copiar el código tal cual. Intentaré arreglarlo cuanto antes.


10 comentarios:

Pepino dijo...

Acabo de adjuntar el código para otra red, PromotingBlogs, si te interesa el post ya está actualizado.

Un saludo.

El Ratoncito Pérez dijo...

Muy útil. No sabía muy bien como hacerlo hasta ahora.
Muchas gracias!!!!

Raraher dijo...

Hola ruliña hoy he decidido dejarte un saludo porque me hace sonrojar el pasar continuamente por este contenedor de cosas muy interesantes, coger a mi antojo lo que me interesa y ni siquiera darte las gracias. Pues nada gracias por tus enseñanzas a las cuales les saco bastante partido. Una de esas cosas como la letra más grande en el comienzo de un post es genial aún no fui capaz de instaurarla en mi blog pero todo llegará.
Dale un saludo a tu chico de mi parte y un abrazo para ti.
PD PPO

Soundtrack dijo...

Hola! no tenía intención de enlazar redes sociales pero bueno es saber como se hace :). Solo quería saludar y agradecer el paseo por mi blog. Que lo disfrutes... ;)

Anónimo dijo...

gracias efecinco, lo buscaba hace tiempo. He añadido más redes pero me ocurre una cosa curiosa: con "enchílame" no me sale. Raro raro

juanignaciosl dijo...

Pues yo lo intento y no se ve nada :-\. El caso es que si entras en mi blog de ingeniería del software y ves el código, sí aparece algo de lo pegado, pero no se refleja en la página... ¿Se os ocurre porqué? Yo, de Blogger, ni idea :(

melanista dijo...

Bueno Nacho, veo que ya te funciona. Me alegro :)
Saludos!

Oscaredo dijo...

Muchas gracias, me quedó a la primera.

Anónimo dijo...

muchas gracias, me ha funcionado a la primera. tu blog es de una gran ayuda para principiantes como nosotros. un saludo!

Sol dijo...

Hola intercambio de enlaces?

Intercambio de enlaces dejar aqui un comentario

 
Copyright © 2007 | Diseñado por BlogyWeb