Esta es una página que te ayudará a colocar accesorios al blog. Aprenderás como mejorar tu blog. Pasa y encontrarás de todo un poco.
Cargando

¿Como incluir una barra "Cargando Página"? -75-


Permite insertar una barra en el centro de la página que especifica que el sitio está cargando su contenido. Una vez finalizado, se elimina la barra y muestra la página completa.

1. Ir a Plantilla, luego a Edición de HTML y antes de </head> pegar el siguiente código:

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


2. Después ir a Elementos de página y pegar el siguiente código:

<div id='imgLOAD' style="TEXT-ALIGN: center">
<b>Cargando</b>
<IMG src="http://i151.photobucket.com/albums/s137/andrewmusic1/loading.gif">
</div>


* Después lo arrastramos en donde mejor nos parezca.

Nota:
Esto también lo podemos poner dentro del código de la plantilla.

Existen páginas que te ofrecen diferentes tipos de barras Cargando Página:
Napyfab
Load Info
Activity Indicators

48 Comentarios:

Daniela dijo...

Hola, cuando realizo el primer paso me sale que no fue guardada la plantilla por no estar bien formada, falta algo?

Alemamá dijo...

Me salió lo mismo que a Daniela. ¿Podrías arreglarlo, por favor? es interesante. Hace tiempo que lo vengo pensando, desde que vi algo sobre el tema donde Gema.
Gracias por tanta ayuda e ideas.

Jersecristo dijo...

Me sucedio lo mismo que los anteriores, pongo el Codigo HTML ante de head y me sale que esta mal. Otra cosa, quisiera saber como se podria crear un intro para el blog, lo he visto en algunas paginas webs pero no se como se pone. Espero que tu sepas!!.
http://v-kids.blogspot.com

Anónimo dijo...

Hola tu blog mola mazo

Zombs dijo...

Hola

quería hacerte una consulta que no tiene que ver con esta entrada:

Con la plantilla del viejo blogger no tenía ningun problema, porque copiaba todo el codigo html y lo guardaba en un txt, si hacía algo que no me gustaba borraba la plantilla entera y pegaba lo del txt y listo (para cada cambio que suponia que algun día querría revertit guardaba un txt diferente)
pero desde que estamos con beta blogger o ya no beta sino el nuevo blogger no tengo tan claro si eso funcionaría y ademas me guardaría los widgets que he ido añadiendo... como puedo hacerlo?

gracias

Jenny Araque dijo...

Hola
Me paso lo mismo, me sale el mismo error y dice que no se puede guardar la plantilla.
Que hago?

Gracias

Dulce dijo...

Falta el cierre, el código correcto es este:
<script type='text/javascript'>
window.onload = detectarCarga;
function detectarCarga(){
document.getElementById("imgLOAD").style.display="none";
}
</script>

Daniela dijo...

Gracias Dulce!!! funciona perfecto

Diego dijo...

Andrés, la verdad es que te felicito por el blog, cuanto pude diseñar de los míos te lo debo a tus concejos y enseñanzas, pero ahora necesito que me des una mano con algo que no tenés comentado en el tuyo. Quiero saber como se puede manipular mejor los textos en las entradas. Por ejemplo si quiero colgar al blog un poema, no puedo hacer que conserve el formato del texto. lo mismo con los espacio. No se me ayudaría que me expliques como hago. Gracias

Andrés dijo...

Daniela: Si, me falto algo, ya esta corregido.

Alemamá: Si, me falto algo, ya esta corregido.

Jersecristo: Si, me falto algo, ya esta corregido.
En cuanto al intro, probablemente en Blogger por el moemento no se pueda pero lo que podrias hacer es crarte otro blog eliminas todo loq ue contiene y te cras una intro y lo enlazas con tu otro blog, es decir utilizas un link o enlace.
De todas maneras buscare informaci�n sobre aquello y haga una publicacion sobre ello.

Zombs: Si quieres cambiarte al nuevo Blogger lo que tendrias que ahcer primero es guardar todos los elementos que has puesto en tu blog sea reloj, calendario o alg�n truco etc, lo guardas en block de notas. Guardas el c�digo de lkoq eu te he mencionado antes.
Los post no porque quedan ahi, mejor dicho tus publicaciones.

Jenny Araque: Si, me falto algo, ya esta corregido.

Dulce: gracias por la correci�n.

Daniela: Gracias por estar atenta a la correccion que hizo Dulce.

Diego: Creo que haberte entendido dejame ver si publico algo sobre eso.

LonNe dijo...

hey man, felicitaciones por tu blog, pero en esta ocacion te quisiera joder con algo de ayuda, hoy me metí a mi blog www.sosshute.com y me da un mensaje todo raro en los titulos de los posts y tambien hasta arriba d ela página.

Por favor ayudeme alguien no se que pasa, es www.sosshute.com o 2tres.blogspot.com es la misma

GRACIAS!

x cierto que un amigo me dice que la página esta bien desde su pc, pero en la mia se ve mal

Valeria dijo...

Me ha encantado tu blog
de verdad felicitaciones porque he encontrado cosas re utiles.
Te quería hacer una consulta
me gustaría que me dijeras como se hace para poner imágenes en la barra que aparece a un costado del blog.
te dejo una imagen para que veas a lo que me refiero:

http://i40.photobucket.com/albums/e229/Sally-Skellington/duda.jpg

ojalá puedas responderme, te dejo mi email Asenath.Lovecraft@gmail.com

saludos y gracias

El Aventurero dijo...

¡Saludos! Tengo una duda y quisiera que me la solucionáseis, si puede ser.
Quiero que al principio de las entradas de mi blog haya un índice, y que pulsando en cada palabra del índice, el navegador vaya automaticamente a la zona del texto seleccionada.
¿Cómo se hace?

Muchísimas gracias, y sigue así.

Mi e-mail es ztroya@hotmail.com

Andres dijo...

LonNe: Visitando tu blog, se ve bien, no ha aparece nada d elo que dices.

Valeria: Lo que esta al costado del blog se llama Sidebar y hay un post sobre eso: ¿Como insertar elementos en la Sidebar? Algo asi dice.

El Aventurero: Te refieres que si por ejemplo: clic en musica se vaya a todos los post donde contengan musica.
No te entiendo muy bien.

Gracias a todos por su visita.

El Aventurero dijo...

No, me refiero al sistema que se utiliza en wikipedia, por ejemplo. http://es.wikipedia.org/wiki/Aventura_gr%C3%A1fica
Si tú cliqueas en "1 Los antecedentes" de la tabla de contenidos, el navegador inmediatamente se coloca en la parte del texto de "Los antecedentes". Eso es lo que quiero hacer yo en mis entradas, tener un índice o tabla de contenidos que te coloque en la parte del texto que quieres leer.

Muchas gracias.

::Dj Xtremo:: dijo...

Muy Buen Truco Para El Blog, A Mi Me Funciono De Maravilla. No Tuve Ningun Problema Para Copiarlo A Mi Blog.
===================================
http://wwwxtremoproducciones.blogspot.com
===================================

Milana Bonita dijo...
Este comentario ha sido eliminado por el autor.
Milana Bonita dijo...

Hola Andres, un saludo desde Aguilas, al sur de España. Empecé a "picarme" con esto de los blogs en julio pasado y tu y tu blog habeis puesto más pimienta para "picarme" aún más. Mi mujer ya no se acuerda de mi, jeje. De verdad, enhorabuena por el blog. He utilizado varias de las cosas que has puesto y estoy muy contento de como me ha quedado el blog que he hecho a la "Asociación Milana Bonita", que es una, valga la redundancia, asociacion para recordar a nuestro paisano, el actor Francisco Rabal. Desde aqui te invito a que lo visites, y a todos los que te leen que son muchos, y que si ves alguna "pega" me lo hagas saber. De nuevo enhorabuena por el blog y hasta pronto. Ah! y feliz 2008.

Zak! dijo...

ta genialisimo !! :P
yo lo realize y funciono
de mil maravillas! :P

te acuerdas de mi???
lo dudo jejee
pero no importa


pasate por mi blog! :D

WwW.ConUnCliCk.Cl.Kz

Bava86 dijo...

hey man
explicame como hacer desplegable mi menu de etiquetas please
jeje
saludos
ya estoy aplicando la barra

Lil8a_THERION-666 dijo...

Oye brother, cuando se terminan de cargar los elementos la barra sigue alli y no se va,

¿Necesito poner el código ya corregido?

En Bolas dijo...

Yo tengo un problema, debe ser que estoy haciendo algo mal, porque de todos los codigos que he intentado colocar en html, ninguno me ha salido en el blog...

Necesito ayuda...

En Bolas dijo...

sigo teniendo problemas...

Quise colocar la nueva sedabar, pero cuando vi la vista previa, estaba todo desconfigurado, cortado a la mitad... estaban las dos... pero a la mitad la antigua... y las entradas, en el centro, también cortada...

Uso la plantilla Rounders 3

Si me ayudas viejo, sos un grande... es un blog, bastante particular... dentro de poco va a estar linkiado con la pagina oficial de la radio... y quiero mejorarlo un poco...

Gracias... varias cosas han sido de mucha ayuda...

Maxi dijo...

Yo tampoco miren http://www.windowspctuning.blogspot.com

macarrone dijo...

a mi si me resulto, te amo seas quien seas. aver si te pasas a ver mi blog http://mosarella.blogspot.com/

Leandro Comeglio dijo...

"Premios BLOGSPOT"
VOTÁ al blog que crees que tiene que ganar estos premios.No pierdas ésta oportunidad de agradecer al blog que mas te ayudó.Para votar metete en: www.premiosblogspot.blogspot.com

Andrés dijo...

Lil8a_THERION-666: Si funciona, el que pongo aca es un ejemplo y nunca termina de descargarse.

Macarrone: Gracias por la visita.

Leandro Comeglio: He visitado tu pagina y deajdo algunos comentarios.

Gracias a todos por su visita.

elizabeth dijo...

hola andres amigo, sabes me llena de orgullo que seas de un pueblo hermano y que tengas unos de los mejores blog de enseñanza, gracias a ti a tus concejos pude terminar un blog y estoy creando uno nuevo al que no le he publicado nada hasta que le coloque unte todo una imagen centrada. seguí tus pasos con respecto a colocarla pero mi plantilla de finalsence girl 3 columnas es diferente en muchos de los pasos que tu señalabas, aun así borre la imagen original y subí la imagen que quiero para mi blog por medio del sistema que utiliza blogger para cambiar la cabecera,pero no logro cuadrarla .amigo andres ples se ayúdame por fa...te envió mi url para que la veas.y por cierto donde consigo el calendario blanco que adornas cada una de tus entradas.esperando ansiosa tu respuesta chao

elizabeth dijo...

andres mira este es mi blog el cual te dije esta en construcción, y gracias de antemano

elizabeth dijo...

fundacionayudaalrefugiado.blogspot.com

The A-team dijo...

Amigos...pero veo que el codigo de Andrésw y Dulce es el mismo...aun no se me arregla el problema...a ver quien me ayuda

T-Navi dijo...

Wenas! muy buena tu página!

Tengo un problema con esto y es que no sé donde tengo que introducir el codigo del segundo paso. En elementos de página pero donde?? :(

gracias!

Dakko dijo...

Hola gracias por el post.
Lo he hecho todo correctamente, pero eso no para de andar, cargando, cargando... y no para... jajaj.
Sera por que tengo demasiado contenido xD
Salu2

cazador.asesino dijo...

Una consulta, por que cuando abro mi blog, se abre publicidad de perfspot y obliz??
Gracias.

jose dijo...

Capo una masa lo puse en mi web y anda al pelo aca lo pueden ver http://jotelog.com.ar

Emanuel dijo...

gracias pero yo tambien se un poco de HTML

VISITA MI BLOG SENCILLO PERO BUENO

SON OF ROCK dijo...

pos gracias por los tips pero hay algo que no em cuadra con este que sera? si me podrais ayudar seria de gran utilidad.

SON OF ROCK dijo...

pos gracias por los tips pero hay algo que no em cuadra con este que sera? si me podrais ayudar seria de gran utilidad.

iGhor alarcón dijo...

Hola... genial tu blog, y gracias por todos los datos, con este en particular de la bara cargando tengo uin problema y es que nopara nunca de cargar, vi que pusiste qe es solo de muestra y que por eso no deja de cargar, pero no entiendo qué tengo que poner o sacar del codigo que diste para que no siga asi en mi blog.

saludos y gracias nuevamente,

Sir Asf dijo...

Gracias por el tutorial, he añadido un cargador de mi diseño para mi blog de cervezas.

http://img118.imageshack.us/img118/4482/cargandocervezadb7.gif

Un saludo.

Andrés dijo...

Ighor Alarcon: Pasa que en en mi blog nunca deja d cargar porque es una imagen gif y tu tendrias que pegar el código que proporciono para que a ti te funcione.
No tienes que cambiar nada.

Sir Asf: Que bueno que te haya gustado el tutorial y ya lo vere.

Gracias alos dos por la visita.

HK dijo...

Donde pego el segundo comentario?

HK dijo...

el segundo codigo, me equivoqué.

Anónimo dijo...

☺¡¡¡¡BUEN APORTE GRACIAS!!!☺

Anny~en~Ciel dijo...

Hola! Tu blog me ha ayudado mucho! gracias!

Tengo un problema con la barra de cargar pagina

A el primer codigo lo copio y pego donde indicas, pero al segundo no entendi bien donde ponerlo, voy hasta elementos de pagina pero no se donde copiarlo. Ayuda!!

Te dejo mi blog
http://myseventhciel.blogspot.com/

Del cual tengo muchas dudas al respecto, hay alguna direccion a la cual te pueda escribir para preguntarte??

No encuntro ayuda en ningun lado ya q no tengo un plantilla comun y no se donde buscar.

Desde ya Gracias!!

proteo dijo...

Que tal, con una pregunta, me funciona, pero solo en IE, pues en Firefox, Opera y Safari, se queda a la vista, aún después de haber terminado de cargar, y la verdad me gustaría tenerlo implementado, pero si no se quita, pues no me es mucha utilidad, ojalá me puedas ayudar, nos vemos...

Andrés dijo...

Hi a todos.
Para empezar a agradesco a todos por su visita, lamento no haber podido contestar por estos largos días, pero empezamos con mas trucos y cosas.

Anónimo dijo...

Hace poco que estoy en esto del blog, pero encontré un blog que tiene muy buenos accesorios para blogspot o cualquier otro blog.
Yo encontré ahí unos relojes anlógicos muy buenos para el mío. Se los recomiendo, después me cuentan!!!

Related Posts with Thumbnails
Últimos Post