Agregar imagen de (Cargando...) mientras abre pagina de blog

A petición de Carlos Morataya del Perú les dejo un codigo HTML para poder cargar a su cuenta de blogger un codigo interesante para que le indiquen a sus visitas el tiempo de descarga de la pagina en general. Hay dos opciones interesantes:

a. Solo Texto
b. Texto + Imagen


Solo Texto:

Vamos a Diseño > Edición de HTML, Expandir Artilugios y antes de </head>
pegamos lo siguiente:
<!-- imagen de carga -->

<script type='text/javascript'>

window.onload = detectarCarga;

function detectarCarga() {

document.getElementById("imgLOAD").style.display="none";

}

</script>

<!-- fin imagen de carga-->

Ahora buscamos el lugar donde queremos ingresar el codigo en cualquier parte de la estructura blogger e ingresamos:

Solo texto:
<div id='imgLOAD' style='text-align:center;'>Bienvenido a Aeroman Virtual espere mientras carga...

</div>

Con Imagen:
<div id="imgLOAD" style="text-align:center;">

<b>Bienvenido a Aeroman Virtual espere mientras carga...</b>

<img src="http://dl.getdropbox.com/u/647003/CiudadBlogger/Iconos/Loading/loadingbar-blue.gif" />

</div>

Pages