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.

Comentarios

  1. mi plantilla no tiene este codigo

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

    tiene este

    Span class='post-footer-line post-footer-line-3'/>

    alguna solucion gracias de antemano

    ResponderEliminar
  2. @freddy Alvarado
    amigo como digo siempre cada plantilla es un mundo , pruebalo con tu linea, la mejor manera de aprender es equivocandose

    ResponderEliminar

Publicar un comentario

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Entradas populares de este blog

5 alternativas open source a Loquendo

Que es microsoft silverlight

La beta de Windows 8 ya está disponible