domingo 18 de mayo de 2008

Redes Sociales.

Nunca había dado importancia a las Redes Sociales -"la ignorancia hace valientes a los hombres", Napoleón dixit- pero he estado leyendo acerca del tema y he de reconocer que estaba equivocado del todo, por lo que he decidido rectificar y dejar, para quien quiera hacer uso de ellos, accesos directos a las Redes Sociales más populares en el pie de cada entrada. Para conseguirlo he hecho lo siguiente:

¡PRECAUCIÓN! Antes de modificar tu plantilla haz siempre una copia.

Nos vamos a la edición HTML de la plantilla, marcamos expandir plantillas de artilugios y buscamos el siguiente código:

]]></b:skin>

Antes de esa línea copiamos:

/* CSS para redes sociales
----------------------------------------------- */
.rsociales ul {
font-size: 100%;
display:inline;
margin:0pt !important;
padding:0pt !important;
}
.rsociales li {
background:transparent none repeat scroll 0%;
display:inline;
list-style-type:none;
margin:0pt;
padding:2px;
}
.rsociales img {
border:0pt none;
float:none;
margin:0pt;
padding:0pt;
}
.rsociales-sobre {
opacity:0.4;
}
.rsociales-sobre:hover {
opacity:1;
}

Ahora buscamos:

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

Justo antes de esa línea insertamos:

<div class='rsociales'>
<table cellspacing="5">
<tr>
<td>Enviar a:</td>
<td><a expr:href='"http://meneame.net/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Agregar a Meneame'><img alt='Agregar a Meneame' class='rsociales-sobre' src='http://img181.imageshack.us/img181/3083/meneamehm7.gif'/></a></td>
<td><a expr:href='"http://www.technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Agregar a Technorati'><img alt='Agregar a Technorati' class='rsociales-sobre' src='http://img45.imageshack.us/img45/5606/technoratiiy1.gif'/></a></td>
<td><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Agregar a Del.icio.us'><img alt='Agregar a Del.icio.us' class='rsociales-sobre' src='http://img50.imageshack.us/img50/9913/deliciogl4.gif'/></a></td>
<td><a expr:href='"http://digg.com/submit?phase=2&amp;url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Agregar a DiggIt!'><img alt='Agregar a DiggIt!' class='rsociales-sobre' src='http://img50.imageshack.us/img50/300/diggjf4.gif'/></a></td>
<td><a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Agregar a Yahoo!'><img alt='Agregar a Yahoo!' class='rsociales-sobre' src='http://img519.imageshack.us/img519/7119/yahooyb7.png'/></a></td>
<td><a expr:href='"http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Agregar a Google'><img alt='Agregar a Google' class='rsociales-sobre' src='http://img519.imageshack.us/img519/9755/googleoq9.png'/></a></td>
<td><a expr:href='"http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Agregar a Furl'><img alt='Agregar a Furl' class='rsociales-sobre' src='http://img519.imageshack.us/img519/6871/furlee5.png'/></a></td>
<td><a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Agregar a Reddit'><img alt='Agregar a Reddit' class='rsociales-sobre' src='http://img519.imageshack.us/img519/9558/redditse1.png'/></a></td>
<td><a expr:href='"http://ma.gnolia.com/beta/bookmarklet/add?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Agregar a Magnolia'><img alt='Agregar a Magnolia' class='rsociales-sobre' src='http://img519.imageshack.us/img519/4033/magnoliaho5.png'/></a></td>
<td><a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Agregar a Blinklist'><img alt='Agregar a Blinklist' class='rsociales-sobre' src='http://img519.imageshack.us/img519/556/blinklistspk5.png'/></a></td>
<td><a expr:href='"http://blogmarks.net/my/new.php?mini=1&simple=1&url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Agregar a Blogmarks'><img alt='Agregar a Blogmarks' class='rsociales-sobre' src='http://img519.imageshack.us/img519/152/blogmarksus8.png'/></a></td>
<td><a expr:href='"http://tec.fresqui.com/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Agregar a Fresqui'><img alt='Agregar a Fresqui' class='rsociales-sobre' src='http://img45.imageshack.us/img45/5397/fresquisr8.gif'/></a></td>
<td><a expr:href='"http://promotingblogs.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Agregar a Promoting Blogs'><img alt='Agregar a Promoting Blogs' class='rsociales-sobre' src='http://img261.imageshack.us/img261/5318/pb16x16it8.png'/></a></td>
</tr>
</table>
</div>

Dadle al botón de "Vista previa" y comprobad que todo funciona. Si falla algo, dadle al botón "Borrar cambios" para que la plantilla quede tal y como cuando empezamos a trastear.

Como podéis ver, el resultado es la lista de iconos de acceso al pie de cada entrada a las principales Redes Sociales que comentaba.

Referencias: La Revolución Industrial.

No hay comentarios.