Precarga dinámica del Blog

Precarga dinámica del Blog es cuando nuestro blog tiene demasiados widgets y elementos entonces tarda mucho en cargar, entonces este codigo mostrara un loader mientras la pagina esta en proceso de carga. Esto es muy útil para nuestros visitantes y queda muy bien a la vista.

Primero iremos a "Edicion de plantilla" y nos situaresmos justo antes del </head> y pondremos el siguiente codigo:

<!-- Inicia Precargador -->
<script type='text/javascript'>
window.onload = precargar;
function precargar() {
document.getElementById(&quot;imgLOAD&quot;).style.display=&quot;none&quot;;
}
</script>
<!-- Finaliza Precargador-->



Luego guardamos la plantilla y si no sale ningun error vamos a "Elementos de la Página" y seleccionamos el elemento "HTML/Javascript" y pegamos el siguiente código:

div id="imgLOAD" style="text-align:center;">Cargando Blog ...
<img src=" URL del archivo "/></div>

El texto "Cargando Blog..." podemos cambiarlo por lo que quieramos. Y donde dice "URL del archivo" ahi es donde va la imagen de nuestro cargador, pueden crear alguno en este sitio: Ajax Load solo elijen el modelo y luego los colores pueden visualizarlo y si les gusta lo bajan, asi quedaria un ejemplo:



Una ves que lo bajamos lo alojamos en un sevidor ej: fileden y nos dara la direccion URL que la pegaremos e el codigo y listo ya tendremos nuestro precargador funcionando.