Indicar que nuestro blog está cargándose

Hoy explicaremos como insertar un código que nos permitirá mostrar una imagen animada que indicará que nuestro blog está cargándose, su colocación es muy sencilla:

Iremos a Diseño, Edición Html y agregaremos el siguiente código en entre las etiquetas <head> y </head>, para que podamos localizarlo mejor, antes de </head>.

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

Una vez agregado Guardamos plantilla.

Seguidamente ubicaremos la imagen dentro de nuestro blog como un nuevo elemento en "Diseño" "Elementos de la Pagina" "Añadir un elemento de pagina" y elegir "HTML/Javascript" aquí pegaremos el siguiente código:

Código
<div id="imgLOAD" style="text-align:center;"><img src="URL DE LA IMAGEN"/></div>

Donde dice "URL DE LA IMAGEN" pondremos la dirección del archivo .GIF que queramos utilizar, puedes conseguir imagenes de carga en diversas paginas de gifs animados.


En fin un sencillo código que espero os sea útil, si os quedan dudas no dudeis en comunicarmelas.

Related Posts with Thumbnails