Imagen de cargando página en blogger

Imagen que indique que nuestro blog esta cargando y desaparesca cuando la pajina este cargada!



Vamos hacer un pequeño truco que hará que sus paginas tengan la posibilidad de poner una imagen que indique que esta cargando y cuando termine de cargar este desaparezca, la verdad es un truco muy sencillo de hacer, si se dieron cuenta aquí en pagina esta en la cabecera


al grano! vámonos para diseño/Edición de HTML justo antes de </head> añadiremos lo siguiente:

<script type='text/javascript'>
window.onload = detectarCarga;
function detectarCarga() {
document.getElementById("imgLOAD").style.display="none";
}
</script>

Ahora vamos a ir a diseño añadir gadget y pegar el siguiente código en html/javascript en la parte que quieran que se muestre la imagen de carga:


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

<img src="aquí-url-de-la-imagen "/></div>


Ahora pueden personalizar la imagen de carga reemplazando lo que esta en rojo por la  imagen que ustedes deseen, aqui les dejo unas:

http://i252.photobucket.com/albums/hh18/juanjujuy5/loading6.gif

 

http://i252.photobucket.com/albums/hh18/juanjujuy5/loading5.gif
 
 

http://i252.photobucket.com/albums/hh18/juanjujuy5/loading2.gif
 
 

http://i252.photobucket.com/albums/hh18/juanjujuy5/loading3.gif

http://img717.imageshack.us/img717/8858/361x.gif

        http://www.anieto2k.com/wp-content/uploads/2006/03/green_rot.gif





Bueno espero les sirva!