Puedes 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 y antes de </head> 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 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, aunque generalmente va arriba de los posts. Donde dice URL de la imagen lo cambian por la dirección de la imagen que quieran. Les dejo unas cuantas imágenes para que usen.
Enlaza este blog
Suscribirse al feed
Suscribirse por e-mail
Agregar en tu iGoogle
Seguir en Twitter
Unirse en Facebook
Enviar un correo
Iconos RSS.PNG)
Música JPZ
23 comentarios:
estaba esperando a que publicaras este post me quedo de maravilla
gracias
Hola Daniela, qué bueno que te ha servido. Saludos.
Hola daniela, quisiera saber la dire de tu web, par ver como te quedó.
Potro: la verdad que está muy buena la idea, de todos modos, no creo que pueda usarla, ya que mi página con ese flash del Cyborg y el Widget de las fotos demora mucho en cargarse.
Saludos!
Bueno, lo ideal es que sólo se usen los scripts necesarios, aunque tu página me carga rápido, no sé si sea por el navegador o la conexión a internet.
Saludos.
wow!!! genial me sirvio muxo :-)
gracias x el truco
cuidensen muxo y gracias!!
bye
Hola ETOILE-SAMA,
Qué bueno que te gustó. Sólo que para que desaparezca la barra cuando carga la página debes poner el código en un elemento sólo y no compartirlo con el script de las imagenes que rotan.
Saludos.
Excelente, recién conozco este blog, y le veo el más útil para los bloggeros...
Gracias, saludos!
Hola Alfonso E.
Gracias por tus comentarios y bienvenido, ojalá puedas encontrar información útil aquí.
Saludos.
epale amigo no me sirvio la imagen se queda hay no se desaparece que hagoooo
¿Cuál es la dirección de tu blog?
www.mastron-os.blogspot.com
Al parecer es por los scrolls de bienvenida que tienes, esos scrolls son muy bonitos pero por desgracia impiden que otros scripts se ejecuten correctamente.
Saludos.
epale amigo disculpa ya resolvi el problema de todas formas gracias y visita mi blog
Me ha quedado perfecto, gracias men.
Me alegro que te haya funcionado ;)
Saludos.
Hola Potro cabe destacar que te hace falta una barra de cargar muy famosa
http://static.ak.fbcdn.net/rsrc.php/zCQYC/hash/ejut8v2y.png
Ah chinga! No la reconozco :(
¿De dónde es esa barra?
mmm, es de Facebook, pense que lo conocias.
bueno si quieres colocalo para que los demas lo pongan
nos vemos
Ah vaya, es que casi no uso Facebook :P
Que tal Mi buen Potro!
Oie Campeon, me gusto mucho este script y opte
por ponerlo en mi blog, pero sabes que, la mendiga
imagen no desaparece al terminar de cargar el blog.
Nose si fuera mucha molestia que le hecharas un
ojo de pasada a mi blog: http://CeTis71.blogspot.com
Por mientras aqui andara indagando que tienes
un material ultrarecontrautilisisisisisimoo! ajuaa! :)
Saludos, y cuidate!
Hola Charly,
No veo que tengas el script en tu blog, pero igual a veces sucede que otros scripts hacen que este no funcione adecuadamente :s
¡Saludos y gracias por tu comentario!
oye portro me gustaria ponerla como una imagen estatica o algo asi pero no se como
Podrías intentarlo así, en el segundo código donde dice:
style='text-align:center;'
Cámbialo por:
style='text-align:center; position:fixed; top:100px; left:500px;'
Donde dice top 100px es la distancia de arriba y left 500px la distancia desde la izquierda.
Publicar un comentario en la entrada
Gracias por tus comentarios. Si tienes una consulta sobre tu blog deja la dirección del mismo.