martes, febrero 19, 2008

Añadiendo en blogger enlaces a del.icio.us o technorati

Reconozco que he tocado poco la plantilla original de Blogger desde que comencé a escribir en el blog. Llevo un tiempo dando vueltas como incluir enlaces de redes sociales (del.icio.us o technorati), pero como mis conocimientos en hojas de estilo son bastante escasos, no me había puesto muy a fondo con el tema.

Buscando hoy por Internet he dado con este post en el blog de Alejandro Enguilo donde paso a paso explican como crear la hoja de estilo y añadir posteriormente a la plantilla de blogger en enlace. De esta manera a mi el código me queda:

En la hoja de estilo

a.delicious {
/* IE5.0/Win doesn't apply padding to inline elements,
so we hide these two declarations from it */
background/* */:/**/url("http://images.del.icio.us/static/img/delicious.small.gif") no-repeat 0 45%;
padding-left:20px;
margin-left: 10px;
}
html>body a.delicious {
/* Respecified, for IE5/Mac's benefit */
background:url("http://images.del.icio.us/static/img/delicious.small.gif") no-repeat 0 45%;
padding-left:20px;
margin-left: 10px;
}
a.technorati {
/* IE5.0/Win doesn't apply padding to inline elements,
so we hide these two declarations from it */
background/* */:/**/url("http://static.technorati.com/x/static/img/graphicresources/icn-talkbubble.gif") no-repeat 0 45%;
padding-left:20px;
margin-left: 10px;
}
html>body a.tecnorati {
/* Respecified, for IE5/Mac's benefit */
background:url("http://static.technorati.com/x/static/img/graphicresources/icn-talkbubble.gif") no-repeat 0 45%;
padding-left:20px;
margin-left: 10px;
}

Y posteriormente, en la parte de los comentarios, donde se quiere que aparezca el enlace:
 <p class='post-footer-line post-footer-line-3'>
<a class='delicious' expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'>del.icio.us</a>
</p>
<a  class='technorati' expr:href='"http://www.technorati.com/faves?add=" + data:post.url' target='_blank'>Tecnorati</a>

(en mi caso tengo metida en la tercera línea de los pies de página)

Technorati Tags: ,

No hay comentarios: