En una entrada anterior expliqué la forma de obtener una preciosa caja de suscripción para el blog. Esta caja ofrece a los lectores los enlaces de suscripción de nuestro blog, así como el link hacia nuestro perfil en Twitter o en Facebook.
Los dos últimos enlaces guardan una pequeña similitud con este truco. He construido una herramienta muy novedosa, una barra para compartir los artículos del blog con opción de cerrar y que aparecerá únicamente en las páginas de entradas individuales, flotando en el lado izquierdo de la pantalla.
Un widget muy profesional y cómodo, que se puede o no ocultar -a opción del lector- y que permitirá difundir el artículo que estemos viendo en Twitter, Facebook, Google Buzz y Stumble Upon.
¿Lo mejor de todo? No tienes que editar absolutamente nada en el código, simplemente copiarlo e implementarlo en la plantilla con dos sencillos y rápidos pasos.
Busca la etiqueta </head> y añade esto encima (antes):
<script type='text/javascript'>function Compartpostblcn(){
div = document.getElementById("Compartpostblcn");
div.style.display="none";}
setTimeout(Compartpostblcn, 90000);</script>
<link href='https://sites.google.com/site/editoriosus/fds/blcnCompartepost.css' rel='stylesheet' type='text/css'/>
Ahora busca la etiqueta <body> en tu plantilla e inserta este bloque de código debajo:
<b:if cond='data:blog.pageType == "item"'><div id='Compartpostblcn'><a href='javascript:Compartpostblcn();'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWTQMH2pDpfpv82UlfjwFg7QxsaiqCE3984owE1yiQj9YqE07MDSEB2u-3p0ENlzMUgKw0Jt6g_nk-d-acFDGHFJoe5Rbf6vU5i9FAiLQgwXdSgfzGMkZrcnPPzvIL574NqalAPCbmVtTW/s320/blcerracompar.png' style='border:none;float:right;margin-bottom:10px;margin-top:4px;padding-right:8px;padding-top:4px;' title='Cerrar'/>
<div class='JJblccomp1'><script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></div><div class='JJblccomp1'><a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Compartir</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/><div class='clear'/></div>
<div class='JJblccomp1'><a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='Publicar en Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></div>
<div class='JJblccomp1'><script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/><a href='http://goo.gl/favZ'><img alt='Stumble Upon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqZzgmgHP0ofBCDugqRE2ju8rBv_crAQoe5j6WJ3lFYiv4ftDp3UshWY6LdR7D-n2J0ShC4nu-Klk35rxqC-zaQi3NmS2V7y3msoMtRW_7N4UobZTK2msC74QqkDDne-tem8BCsIICiu1E/s320/blobbt.png' style='border:none;float:right;margin-bottom:10px;margin-top:4px;padding-right:2px;padding-top:4px;'/></a></div></a></div></b:if>
En caso de no encontrar esta última etiqueta, prueba a escribir en el buscador de tu navegador (puedes abrirlo pulsando las teclas Ctrl y F simultáneamente-) <body o prueba con esta línea:
<body expr:class='"loading" + data:blog.mobileClass'>
Guarda la plantilla para terminar. No olvides que la barra para compartir aparecerá en las páginas de posts individuales. Accede a una entrada cualquiera y comprueba el resultado.
¿Problemas al comentar? Utiliza 
Hola Jaime me parece muy interesante la entrada pero ¿Es posible quitar el boton de Stumble Upon, sustituir el boton de twitter por el Botón de Twittear que proporcionan en recursos de la pagina de twitter y minimizar el boton de google buzz?
Un saludo y hasta pronto :)
Buena entrada y mas que buena la herramienta. Ya la instalé y funciona muy bien, es muy fácil de poner. Repito, gracias por todas estas cosas que nos traes.
Acabo de encontrar tu blog en google y no sabes lo emocionada que estoy. He aprendido muchas cosas contigo y para mi eres el mejor. Este mismo truco acabo de ponerlo ahora en mi blog de pruebas haber que tal (tiene buenisima pinta).
Un Saludo.
Toni, lo que pides son cosas muy variadas que necesitarían explicarse en otra entrada y con respecto al botón de Google buzz, siento decirte que -aunque podría hacerse incluyendo una altura específica y un márgen negativo- se visualizará 'cortado' en Internet Explorer (o simplemente desaparecerá).
Para agregar el botón de twitter del que hablas, reemplaza la línea:
<div class='JJblccomp1'><script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></div>
Con el nuevo código.
Jorge, eres muy amable y te agradezco el que destaques la facilidad que conlleva la instalación de esta herramienta. ¡Disfruta de tu barra!
¡Bienvenida Raquel!
Siempre es bueno tener un blog para los 'experimentos'. Creo que te gustará por la facilidad que ofrece al lector con disposición a compartir el artículo que está leyendo.
Lo puse en mi blog y leyendo al rato se cierra solo. ¿sabes porque?
Hola jaime , soy nueva en esto y me ayudaste mucho , ahora mi blog se lo ve y entran muchas personas , gracias lindo
Juan, déjame investigar ya que depende del navegador (en firefox no me sucede).
¡Qué alegría oír eso, Norma! Gracias por tu comentario. Sigue así con tu blog, lo estás dejando precioso.
Es espectacular esta herramienta
Muchísimas gracias Fermín. Pronto notarás la facilidad con la que los lectores comparten tus artículos en las redes sociales ya que tan solo necesitarán pulsar un botón.