Amor de Amistad: Barra cargando pagina para Blogger

Poner en Blogger la barra "cargando página" que indicará que los elementos del sitio se están cargando,una vez que el sitio cargue todos los elementos la barra desaparecerá. Para colocarlo en nuestro blog nos ayudaremos con un script, los pasos son los siguientes:

Vamos a Diseño > Edición de HTML...(PLANTILLA) y antes de <head> (al inicio de la plantilla)pegamos lo siguiente:

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

Guardamos los cambios y vamos a Diseño > Elementos de la página y en un elemento HTML/Javascript(donde queramos que se vea) pegamos lo siguiente:

<div id="imgLOAD" style="text-align:center;"><b>Cargando...</b><img src="URL de la imagen" /></div>

*Este elemento lo podemos arrastrar donde mejor nos guste. Donde dice URL de la imagen lo cambian por la dirección de la imagen que quieran.

*Un ejemplo de esta barra podéis verlo en este Blog.(A la derecha para cargar un elemento de pagina).

*Les dejo unas cuantas imágenes para que usen;

*Podéis crear vuestra barra de carga muy sencillo,eligiendo modelo y colores en;Ajax

Amor de Amistad

Barra cargando pagina para Blogger

0 comments:

Post a Comment

Blog Archive