Compartir entradas en diferentes servicios

Estamos acostumbrados a agregar gadgets para cualquier cosa y si bien a veces es una forma cómoda de resolver algo, hay circunstancias en que son inacecuados y hacerlo a mano es más provechoso.

Los botones de suscripción o bookmarks son un ejemplo de ellos. Blogger mismo tiene un elemento llamado Enlaces de Suscripción, muy pobre y limitado. Otros son mejores pero, generalmente son excesivos y poco configurables, están en inglés y uno siempre duda si alguien los usa ya que incluyen servicios de los que jamás hemos escuchado hablar.

Agregar ese tipo de botón es bastante sencillo ya que sólo se trata de enlaces que envian a algún servicio la dirección URL de una entrada y el título de esta y ambos datos son accesibles. En entradas recientes, Mamanunes explica la forma de agregar un gadget y Gem@ nos explica el método a seguir para incluir esos botones en nuestra plantilla.

No es demasiado complicado crear uno mismo su propia botonera, de hecho, algo similar fue de los primeros hacks que existieron para Blogger y creo que aún podrían tener vigencia o por lo menos, ser una altdeernativa viable.

En todos los casos, necesitamos la URL a donde se envia, algo que varía con cada servicio. Además, necesitamos dos datos más que varian y a los que Blogger nos permite acceder: la dirección de la entrada (data:post.url) y su título (data:post.title). Con esas tres cosas, construiremos los enlaces a los que podremos personalizar a gusto, ya sea con textos o con imágenes y los pondremos en la plantilla, por ejemplo, en el footer de cada entrada donde suele haber una serie de sectores llamados post-footer-line post-footer-line-1, post-footer-line post-footer-line-2, etc así que, dependiendo de dónde nos guste verlos, incluiremos al botonera en uno de ellos o crearemos otro. Aquí un ejemplo haciendo que se alineen a la derecha:

<p class='post-footer-line post-footer-line-4'>
  <span style="float: right; margin: 0 10px 0 0;">
    ... el código de los enlaces a cada servicio ...
  </span>
</p>

Esta son algunas de las posibles alternativas:

del.icio.us

<a expr:href='&quot;http://del.icio.us/post?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title'> texto/imagen </a>

Facebook

<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url+ &quot;&amp;title=&quot; + data:post.title'> texto/imagen </a>

FriendFeed

<a expr:href='&quot;http://friendfeed.com/?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'> texto/imagen </a>

Orkut

<a expr:href='&quot;http://promote.orkut.com/preview?nt=orkut.com&amp;du=&quot; + data:post.url + &quot;&amp;tt=&quot; + data:post.title' target='_blank'> texto/imagen </a>

Plurk

<a expr:href='&quot;http://www.plurk.com/m?content=&quot; + data:post.url + &quot;&amp;qualifier=shares&quot;'> texto/imagen </a>

StumbleUpon

<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot;+data:post.url + &quot;&amp;title=&quot; + data:post.title'> texto/imagen </a>

Technorati Favs

<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url'> texto/imagen </a>

Twitter

<a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot;: &quot; + data:post.url'> texto/imagen </a>

Google Buzz

<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'> texto/imagen </a>

o bien:

<a expr:href='&quot;http://www.google.com/reader/link?srcURL=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'> texto/imagen </a>

Incluso, podría agregarse una muy simple para enviar las entradas por correo:

<a expr:href='&quot;mailto:?subject=MIBLOG&amp;body=&quot; + data:post.title + &quot; : &quot; + data:post.url'> texto/imagen </a>

Como se ve, todos los enlaces tienen más o menos el mismo esquema:

<a expr:href='&quot;URL_servicio&quot; + data:post.title + &quot;: &quot; + data:post.url'>

Este esquema base lo podemos ampliar agergándole atributos, por ejemplo, así no los indexamos (que sería lo lógico), les colocamos un título y los abrimos en una nueva ventana:

<a expr:href='&quot;URL_servicio&quot; + data:post.title + &quot;: &quot; + data:post.url' rel='nofollow' target='_blank' title='mi titulo'>