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.

Cargando el blog... Mostrar una imagen que indica el estado de carga

Esta es una forma de mostrar el estado del blog por medio de una imagen de carga. Si la página, por el motivo que sea se demora un poco en cargar, el lector podrá ver un icono en movimiento que desaparece al completar la carga de todo artilugio.


La instalación es sencilla y el resultado muy satisfactorio (siendo una forma de pedir paciencia a los visitantes del blog).

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



Busca la etiqueta </head> y justo encima añade este script:

<!-- blcnImagenCargando -->
<script type='text/javascript'>
window.onload = blcncg;
function blcncg() {
document.getElementById("blcncrg").style.display="none";
}
</script>

Ahora busca la etiqueta <body> e inserta debajo este código:

<div id='blcncrg' style='background:#ffffff;padding:4px;margin-top:10px;margin-bottom:10px;font-family:Arial,helvetica,sans-serif;font-size:14px;text-align:center;'>Cargando el blog...<br/>
<img src='http://img178.imageshack.us/img178/3384/balcncrg.gif'/></div>

Si lo deseas puedes editar la imagen de carga. Borra la línea resaltada en naranja e incluye la dirección del nuevo icono.

En AjaxLoad o en LoadInfo encontrarás una amplia colección.

Guarda la plantilla y comprueba el resultado accediendo a una de tus entradas publicadas.

Carlosz dice...

Como siempre, un gran truco el que nos traes. Me lo llevo a mi blog. Saludos Jaime.

Sergio Fled dice...

Hola soy principiante en esto de blogger y me gusta mucho pero hay cosas que no entiendo todavia. Tu blog es el mejor y el que más me está ayudando. Aún no te había dejado comentarios pero a partir de ahora espero hacerlo, Jaime.

Un gran truco, también yo lo instalé en mi pagina (tras haberme estado hora y media jaja).

Gracias!

Patricia K. Olivera dice...

Buenísimo, ya lo puse en mis blogs y funcionan de maravilla!!
Gracias!!
Mis Musas Locas
Temas que Importan y más...

Alex494 dice...
Este comentario ha sido eliminado por su autor. Siento las molestias.
Driwrgy dice...

Jaime, cómo se inserta en las entradas gif animados?

EL TERRY dice...

hola jaime gracias por el truco; se ve chido en mi blog, pero quisiera saber si se puesde poner en el centro de la pagina o en otro lado del blog y tambien cambiar las letras que salen al cargar y cambiarle de tamaño
gracias saludos pasate por mi blog para que te rias un rato

Marga dice...

Hola Jaime !!!!

Hoy tenía un ratito y he instalado este truco, pero tengo una duda (como siempre jejejeje)
Cuando está la página cargada, tendría que desaparecer, verdad ?? Es que a mi se me queda allí fijo .... Que puede ser ??

Un abrazo,
Marga

Jaime Trujillo Escobedo dice...

Me alegra muchísimo que te guste, Carlosz. ¡Saludos!

Jaime Trujillo Escobedo dice...

No te preocupes por ser principiante, Sergio Fled. Ya verás como en poco tiempo aprendes infinidad de cosas y darás a tu blog una apariencia muy atractiva.

Me alegra que te guste el truco. Supongo que no hará falta recordar que aquí me tienes para lo que desees.

¡Bienvenido y abrazos!

Jaime Trujillo Escobedo dice...

¡Queda perfecto Patokata!

Por cierto, me encanta el menú de navegación gris que has instalado.

Jaime Trujillo Escobedo dice...

Driwrgy, aunque hay excepciones, la mayoría de los gifs animados no muestran movimiento alguno si los subes desde el editor de entradas.

Para incluir cualquier imagen con movimiento en un artículo te aconsejaría que utilizases Imageshack.

Este servicio te ofrecerá varias direcciones hacia tu imagen por lo que incluyendo la denominada "enlace directo" en un código como este:

<img src="AQUI LA DIRECCION"/>

Podrás mostrarla en un post.

Jaime Trujillo Escobedo dice...

Cierto Marga. Prueba a incluir el segundo código en un gadget html/javascript en lugar de hacerlo bajo la etiqueta <body>. Arrástralo posteriormente bajo o sobre la zona de entradas y comprueba el resultado.

Jaime Trujillo Escobedo dice...

El Terry, puedes editar el tamaño del texto en la línea font-size:14px; del segundo código. Prueba a incluir el segundo código de nuevo ya que he agregado la propiedad fondo.

Marga dice...

Pués lo he probado y sucede lo mismo ...
No te preocupes debe ser cosa de la plantilla :S

Saludos,
Marga

Jaime Trujillo Escobedo dice...

Así es, Marga, desafortunadamente la plantilla parece no aceptar el truco :S.

Siento no poderte ayudar con esto.

¡Un abrazo!

Nati Cortez dice...

Hola Jaime :)

Gracias por este truco, ya esta en mi blog!!!...

Saludos,
Nati

Jaime Trujillo Escobedo dice...

¡Muchas gracias a ti por instalarlo, Nati! Saludos.

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