cargar pagina en blogger

hola el día de hoy les traigo 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 desaparesca, la verdad es un truco más sencillo de lo que pensaba yo lo puse en practica hace un año y la verdad fenomenal.

pero este truco no es mio así que primero antes de empezar dejenme darle los creditos a ayuda para el blog por este truco.

aqui les dejo un estracto del pot original:

1. Ir a Plantilla, luego a Edición de HTML y antes de </head> pegar el siguiente código:

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

2. Después 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">
<b>Cargando</b>
<IMG src="http://i151.photobucket.com/albums/s137/andrewmusic1/loading.gif">
</div>

ahora bien aqui pueden personalizar la imagen de carga reemplazando lo que esta en rojo por la que imagen que utedes deseen pero aqui les dejo algunas:

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/loading3.gif



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



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



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