martes, 7 de mayo de 2013

Cargando el blog


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.

No hay comentarios:

Publicar un comentario