Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Barra flotante para compartir las entradas del blog con opción de cerrar

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.

Diseño>Edición de HTML>expandimos artilugios



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='http://2.bp.blogspot.com/_Bvhqq3YFEx4/TPGaAJbeiBI/AAAAAAAAAes/qvEQY34RMPo/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='http://1.bp.blogspot.com/_Bvhqq3YFEx4/TPGdG0ku7ZI/AAAAAAAAAe8/C-oatfTyxVk/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.

Toni dice...

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 :)

Jorge Lazo dice...

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.

♥Raquel♥ dice...

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.

Jaime Trujillo Escobedo dice...

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.

Jaime Trujillo Escobedo dice...

Jorge, eres muy amable y te agradezco el que destaques la facilidad que conlleva la instalación de esta herramienta. ¡Disfruta de tu barra!

Jaime Trujillo Escobedo dice...

¡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.

Juan dice...

Lo puse en mi blog y leyendo al rato se cierra solo. ¿sabes porque?

norma dice...

Hola jaime , soy nueva en esto y me ayudaste mucho , ahora mi blog se lo ve y entran muchas personas , gracias lindo

Jaime Trujillo Escobedo dice...

Juan, déjame investigar ya que depende del navegador (en firefox no me sucede).

Jaime Trujillo Escobedo dice...

¡Qué alegría oír eso, Norma! Gracias por tu comentario. Sigue así con tu blog, lo estás dejando precioso.

Fermín Gélvez Caballero dice...

Es espectacular esta herramienta

Jaime Trujillo Escobedo dice...

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.

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo