Poner Barra de Cargando Página en el blog

El JavaScript que traigo hoy día nos permite insertar una barra de cargando página que nos especifica que se está cargando el contenido del blog.

Una vez termina de cargar tu página la barra desaparece como por arte magia.

Está barra en sí me parece muy interesante ya que avisa al usuario de que todavía se está cargando contenido del sitio, así nuestros lectores o visitantes pueden ser más pacientes y esperar un ratito más, porque la verdad que en internet no somos muy pacientes al contrario somos exigentes, queremos que una página se abra ya.

Para ponerla en tu blog ve a tu plantilla Diseño > Edición de HTML de arriba hacia abajo buscamos </head> justo antes pegamos el siguiente código:

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

Guardamos la plantilla. Ahora nos vamos a Elementos de la página > Añadir un gadget elegimos HTML/JavaScript y pegamos el siguiente código:

<div id='imgload' style="TEXT-ALIGN: center">
<b>Cargando</b>
<IMG src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ_k0m1WsBMK9EtfoUSd2UD306wSEc00GCf3oTL172ibr2YKrjIz9nTtwEYyOzsxcECWveyO-BfLzT5NpFSh_64oNnQG9FK34jeSVidRiof0BDuP7ojzHSodX5yafhzQa47lgtBb9L9Qk/s320/cargando+p%C3%A1gina.gif">
</div>

Cambia lo que está en rojo por la URL de tu imagen, si no tienes una puedes buscarte una en estas páginas Mentalized,Loadinfo o si quieres una barra cargando en 3D lee este post.

Vía | Ayuda para blog