Iconos para marcadores sociales

Hay varios sistemas para colocar los enlaces para notificaciones sociales (del.icio.us, fresqui, meneame, etc), pero el que se describe a continuación es el único que, de momento, he conseguido que funcionara bien en Blogger. Cuando conozca otro sistema más sencillo ya lo os lo paso.

Bueno...¡al tajo!: Hay que editar la plantilla HTML (hacer una copia de seguridad antes de trastear nada), Expandir plantillas de artilugios y localizar las líneas de código que muestran el pie de los posts. En concreto hay que localizar la última línea. Tiene este aspecto:

<p class='post-footer-line post-footer-line-2'>

Puede ser line-1, ó line-2, ó line-3...Nos interesa la última. El código descrito es la etiqueta de comienzo. Llevará algo de código adicional que hará referencia a lo último que muestran vuestras entradas, según la configuración de cada cual. Fijaros en lo último que muestran vuestros posts y eso confirmará que estais en esta última línea. Como pistas, PostLabels son las Etiquetas, PostBackLinks son los Vínculos de Retroceso, PostComments los Comentarios, Post.EmailPostUrl es el enlace para enviar por correo, Post-TimeStamp es la fecha, Post-Author el autor de la entrada...

En cualquier caso, tras la última line y su código, estarán las etiquetas </div> </div>

Justo delante de ellas es donde hay que copiar el siguiente código:

<!-- NOTIFICACIONES SOCIALES --><p class='post-footer-line post-footer-line-3'><span class='bookmark'><table align='left' border='0' cellpadding='0' width='100%'><tr><td style='vertical-align:middle' valign='middle' width='10%'><div expr:id='"sbtxt"+data:post.id'>Compartir:</div><script type='text/javascript'>showsbtext(&quot;sbtxt&quot; + "<data:post.id/>&quot;,0)</script></td><td><a expr:href='"http://www.blogmemes.com/post.php?url=" + data:post.url + "&amp;title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",2);"' target='_blank'><img alt='Blogmemes' src='http://farm1.static.flickr.com/169/408948874_ff61f10cb7_o.gif'/></a><a expr:href='"http://meneame.net/submit.php?url=" + data:post.url + "&amp;title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",2);"' target='_blank'><img alt='Menéame' src='http://farm1.static.flickr.com/175/408950197_fe135ad0a0_o.gif'/></a><a expr:href='"http://ocio.fresqui.com/post?url=" + data:post.url + "&amp;title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",2);"' target='_blank'><img alt='Fresqui' src='http://farm1.static.flickr.com/166/408948877_5a350c6157_o.gif'/></a><a expr:href='"http://www.technorati.com/cosmos/search.html?url=" + data:post.url' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",9);"' target='_blank'><img alt='Technorati' src='http://farm1.static.flickr.com/165/408950201_452c9115d9_o.gif'/></a><a expr:href='"http://digg.com/submit?phase=3&amp;url=" + data:post.url' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",1);"' target='_blank'><img alt='DiggIt!' src='http://farm1.static.flickr.com/179/408948876_9174c1d5ec_o.gif'/></a><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",2);"' target='_blank'><img alt='Del.icio.us' src='http://farm1.static.flickr.com/174/408948875_d286be5064_o.gif'/></a><a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Url=" + data:post.url + "&amp;Title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",3);"' target='_blank'><img alt='Blinklist' src='http://farm1.static.flickr.com/177/408948871_0c6287dfd6_o.gif'/></a><a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&amp;=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",4);"' target='_blank'><img alt='Yahoo' src='http://farm1.static.flickr.com/133/408950203_98a6d97d1d_o.gif'/></a><a expr:href='"http://www.google.com/bookmarks/mark?op=add&amp;bkmk=" + data:post.url + "&amp;title="+data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",19);"' target='_blank'><img alt='Google' src='http://farm1.static.flickr.com/181/408950196_683192a7d8_o.gif'/></a><a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",17);"' target='_blank'><img alt='Reddit' src='http://farm1.static.flickr.com/186/408950199_14c90ab3f0_o.gif'/></a><a expr:href='"http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&amp;t=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",8);"' target='_blank'><img alt='Furl' src='http://farm1.static.flickr.com/162/408948880_b57aa7eb00_o.gif'/></a></td></tr></table><br/></span></p><!-- NOTIFICACIONES SOCIALES -->

Lo único que hay que cambiar es el número de línea, poniendo el siguiente al último utilizado hasta ahora.

Para eliminar cualquiera de los iconos que aquí se pueden ver, sólo hay que eliminar entero el párrafo del marcador correspondiente, que va desde el <a expr:> hasta el </a>, ambos inclusive.

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir

Twitter

Pinterest

Facebook

Linkedin

Copy URL

Compartir

Twitter

Pinterest

Facebook

Linkedin

Y muchos más artículos interesantes si nos sigues en...

• Google
• Facebook
• Twitter