Comparte tu contenido mas fácil y rapido

compartir
Imagen de 6topoder.com

En caso de que como yo te dediques a un blog o a escribir noticias en cualquier pagina, o estés pensando hacerlo, una parte importante es compartir ese contenido, para alcanzar un mayor numero de lectores pues de nada sirve que escribas si nadie te lee, mientras mas grande sea la comunidad de lectores que alcanzas mas motivado te sentirás a redactar contenido de calidad.

Pero no solo dependerá de ti como autor o administrador compartir ese contenido, sino que dependerá de tus lectores apoyarte y compartirlo con sus amigos, comunidades o redes sociales. Lamentablemente los servicios que te presta blogger son bastante limitados y desde agregar gadget no siempre encontraras lo que buscas así que, ¿Que mejor que hacerlo nosotros mismos? y crear nuestra barra con los servicios para compartir de nuestra preferencia.

Es algo bastante sencillo de hacer, solo necesitas un link <a> indicando la dirección URL del servicio que utilizaremos, sea este Bitácoras, StumbleUpon, del.icio.us o el de tu preferencia incluso hacer tu propio botón para facebook o twitter (aunque estos ya aparecen por defecto), también necesitaras la URL de la entrada y el titulo, lamentablemente estos son datos que varían con cada entrada, pero no te preocupes no tienes que hacerlo para cada una de tus entradas, ya que blogger nos permite acceder a ellos a través de data:post.url para la URL y data:post.title para el titulo.

Primero tienes que acceder al código HTML de tu blog (explicare en blogger, ya que si cuentas con tu blog en un dominio propio, tendrás acceso a tu código HTML de forma distinta), para esto te vas a Plantilla > Edición de HTML haces clic y te aparecerá una advertencia, le das en continuar, y luego marcas el checkbox de la parte superior que dice "Expandir plantillas de artilugios", te aconsejo que coloques la botonera en el footer ya que es lo normal, pero puedes ubicarla donde te parezca mejor, busca la clase post-footer-line post-footer-line1 o si no quieres modificar las ya existentes puedes crear la tuya propia
<p class='post-footer-line post-footer-line-4'>
  <span>
    <!--Ingresa tu código aquí-->
  </span>
</p>
 En el span puedes colocarle los estilos que te parezcan mejor, utilizando CSS normalmente.

Lo demás depende de ti y el servicio que quieras utilizar, así que te daré el link básico y tu te encargaras de enlazarlo con el servicio de tu preferencia, siempre será de esta manera.
<a expr:href='&quot;[SERVICIO]&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'>[TEXTO - IMAGEN]</a>
Si quieres que te cargue en otra ventana solo colocale target='_blank' o si quieren colocarle un titulo, ya agregar algo mas dependerá de cada quien, y hasta aquí tenemos nuestro link.

En [TEXTO - IMAGEN] solo colocaríamos un nombre o imagen, por lo general se usa una imagen referente al sitio donde se compartirá, como un icono, o simplemente podemos colocarle un nombre como texto.

En [SERVICIO] debemos colocar la URL del servicio que queremos utilizar para compartir, les dejare la URL de algunos sitios conocidos. igualmente existen servicios que nos indican el código acompañado de un script, solo es cuestión de sustituir por el que les estoy indicando, pero la ubicación seria la misma.

Bitacoras
http://bitacoras.com/anotaciones/
Del.icio.us
http://del.icio.us/post?url=
 FriendFeed
http://friendfeed.com/?url=
Orkut
http://promote.orkut.com/preview?nt=orkut.com&amp;du=
Plurk
http://www.plurk.com/m?content=
Facebook
http://www.facebook.com/sharer.php?u=
Twitter
 http://twitter.com/home?status=

Si tienes alguna duda referente a alguna linea no dudes en preguntar.

0 comentarios:

Ads by Smowtion

Blogger Template by Clairvo