Precargar el blog con jQuery

1 de marzo de 2011 367 comentarios ,


Hace ya bastante tiempo vimos cómo poner la barra cargando en el blog con un script bastante simple que no hace mas que mostrar una imagen animada mientras el blog se carga. Pero los amantes de jQuery que siempre buscan mayor elegancia en las aplicaciones seguro preferirán este método.

Se trata de un preloader llamado QueryLoader basado en jQuery y lo que hace es precargar la página, o sea que pone la pantalla negra y muestra una barra con el porcentaje de carga de la página como si se tratara de Shadowbox. Vamos a verlo en acción en este blog de pruebas.

Para agregar este preloader en tu blog primero descarga este archivo, descomprímelo y sube el archivo que hay dentro a un hosting.
Luego entra en Diseño | Edición de HTML y después de <head> pega lo siguiente:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='URL del archivo' type='text/javascript'/>

Agrega donde se indica en color rojo la URL del archivo que subiste previamente.

Ahora antes de ]]></b:skin> pega esto:
.QOverlay {
background-color: #000000; /* Color de la pantalla mientras carga */
z-index: 9999;
}

.QLoader {
background-color: #CCCCCC; /* Color de la barra */
height: 10px; /* Grosor de la barra */
}

.QAmt { /* Estilos para los números del porcentaje */
color:#333333;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:40px;
font-weight:bold;
line-height:50px;
height:50px;
width:100px;
margin:-60px 0 0 -50px;
}
Por último agrega antes de </body> lo siguiente:
<script type='text/javascript'>
QueryLoader.init();
</script>

Y eso será todo para tener un preloader en el blog con un toque simple y elegante. Algunos estilos podrán personalizarse donde se indica en color verde

IMPORTANTE: No es recomendable usarlo en un blog que ande lento pues si hubiera algún elemento que tarde mucho en cargar o una imagen rota entonces la pantalla de precarga permanecerá con determinado porcentaje y no avanzará, por lo tanto el lector no podrá ver el contenido del blog. También es posible que primero se vea un pantallazo del blog y luego aparecerá el preloader, ese es fallo del script que por ahora no tiene solución.


367 comentarios en:

" Precargar el blog con jQuery "

  1. Pregunta que no tiene nada que ver con esto :
    http://ciudadblogger.com/2009/08/efecto-de-opacidad-en-las-imagenes.html
    No lo entendi :(

    ResponderEliminar
  2. bueno mira mi blogs www.lomasbuscados.blogspot.com cuanto las personas visiten, veran que carga pero cuanto entran een el post de la misma pagina no aparecera.??

    ResponderEliminar
  3. Mily Eic ., deja la pregunta en esa entrada detallando los problemas que tienes.

    ResponderEliminar
  4. rudii, aparecerá en todas las páginas a menos que encierres el primer código en una condicional para que sólo aparezca en la portada del blog.

    ResponderEliminar
  5. Genial Potro, lo usaré en un blog, a ver que tal queda.

    ResponderEliminar
  6. Potro, no me funciona podrás ver: http://radiosdelperu.blogspot.com/

    ResponderEliminar
  7. parece bueno bueno pero cuando cambias de post siempre aparece xD

    ResponderEliminar
  8. Muy Interesante pero esto haría mas lento al cargar mi blog o lo haria mas rapido ...??

    ResponderEliminar
  9. Franco, probablemente es porque tienes en el blog otra versión de jQuery más antigua.
    Prueba eliminando esta línea:

    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>

    ResponderEliminar
  10. Dreko, claro, como cualquier precargador :P

    VirtualScratch, ni una ni otra, no acelera la carga del blog, sólo es una forma más elegante de mostrar el blog mientras carga.

    ResponderEliminar
  11. Potro no me funciona no sale el preloader

    la version que tengo ahi es :

    http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'

    ResponderEliminar
  12. Una disculpa a todos, me hacía falta agregar algo en la entrada pero ya lo he actualizado.

    Sólo falta poner antes de </body> este código:

    <script type='text/javascript'>
    QueryLoader.init();
    </script>

    ResponderEliminar
  13. Excelente Potro Me funciono Muchas gracias pero como dijo Dreko habria alguna manera de que carge solo al principio y no cuando se cambia a una entrada

    Saludos

    ResponderEliminar
  14. VirtualScratch, claro, como mencionaba en el comentario #4, sólo sería cuestión de encerrar el primer código en una condicional, es decir, el código que va después de <head> iría encerrado así:

    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    ...Aquí va el primer código ...
    </b:if>

    Con eso sólo aparecerá en la portada del blog y no en el resto de las entradas y páginas.

    ResponderEliminar
  15. Hola Potro!!
    Se podria cambiar el color de la pantalla mientras carga por una imagen?? Gracias!

    ResponderEliminar
  16. Potro que guapo está, la verdad que es una bonita y elegante forma de abrir el blog si que se te queden cosas por cargar, yo el mio para mí carga rápido, pero para el resto de usuarios no lo sé, no obstante se vé de lujo, y además el menú de jQuery en el blog de pruebas con esa plantilla una maravilla, no sé como quedaría en el mio, sería cuestión de probar y mirar a ver, más ahora sabiendo que el script griego puede compaginarse con jQuery jejeje, ya me dirás donde ocultas la cámara ;-) un abrazo estimado

    ResponderEliminar
  17. Hola Potro, se ve buenísima la presentación del blog con un precargador.
    Quisiera saber si se le puede cambiar el color del fondo del mismo por uno semitransparente (desconozco si exista código hexadecimal de transparencias).

    Gracias..!!
    C:

    ResponderEliminar
  18. aki pasando, como se me a echo costumbre xD, bueno pss aki nomas para agardeser el aporte ta boi bueno, nomas k pss mi internet de ta bn jodido y no carga rapido el blog xD y se me keda acargando y como ponerlo y no verlo mi blog en mi compu pss como k ba xD, un saludo men :D...
    asi oie si podrias aser post de
    http://www.linkwithin.com
    sobre eso esk esta interesante nomas k no le puedo kitar la publicidad :S osea un link k aparese abajito, no se si podrias acer algo referente a eso esk pss si esta genial eso. esk yo le intente y no pude pss yo se cueno no puedo mas xD. bueno gracias, suerte!!

    ResponderEliminar
  19. Antes que nada te felicito por otra de tus grandes genialidades, pero tengo un problema y espero que me puedas ayudar tengo un problema con esto:
    Mira puse todo tal cual (creo) pero no se porque cuando entro al blog primero se ve el blog y luego se carga el script, no se que hice mal o porque sucede esto espero que me puedas ayudar gracias.
    Aqui te dejomi blog
    http://celulares-lerh.blogspot.com/

    ResponderEliminar
  20. Antes que nada te felicito por otra de tus grandes genialidades, pero tengo un problema y espero que me puedas ayudar tengo un problema con esto:
    Mira puse todo tal cual (creo) pero no se porque cuando entro al blog primero se ve el blog y luego se carga el script, no se que hice mal o porque sucede esto espero que me puedas ayudar gracias.
    Aquí te dejo mi blog
    http://celulares-lerh.blogspot.com/

    ResponderEliminar
  21. Que bien se ve, hasta haces ver el blog de pruebas de primera categoria potro ,esta de lujo

    ResponderEliminar
  22. Potro! ahora si me funciona gracias al último paso que te olvidaste jeje! pero dime aún borro esa otra versión antigua de jQuery?

    Gracias!

    ResponderEliminar
  23. Pues a mí no me funcionó tampoco. No sé si estaré haciendo algo mal... :(

    Muchas gracias de cualquier manera :)

    ResponderEliminar
  24. Paco, claro, sólo cambia esta parte:

    background-color: #000000; /* Color de la pantalla mientras carga */

    Por esta otra:
    background: url(URL de la imagen);

    ResponderEliminar
  25. MaG@S RaDioMuSiC, ese menú ha gustado a muchos, a mí en lo personal me encanta su diseño; he estado seriamente tentado a ponerlo pero nunca me decido a hacerlo y la combinación con el preloader queda que ni mandado a hacer :)

    ResponderEliminar
  26. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  27. ya ves, es que estéticamente queda pero que muy bien, yo es que no sé que ponerle en ese menú, pero a tí te quedaría super Potro, y seguro que ahí podrás poner esa cámara oculta que nos ha dejado a todos perplejos con la noticia de estos dias jajajajajajajajajajaa, que malo soy, venga amigo, yo no sé que meter en ese menú por muy bien que quede pero estoy seguro que con esta plantilla y tu buen hacer, quedará de lujo aquí, no quiero agobiarte, es solo una opinión particular sin ánimo de meterte más trabajo del que tienes, un abrazo querido Potro y felicidades, mil gracias como siempre por tu dedicación y labor :-)

    ResponderEliminar
  28. Walter, claro, aunque no existen los colores semitransparentes en códigos hexadecimales, pero puedes conseguir una imagen en formato PNG que contenga una transparencia y seguir los pasos que se indican en el comentario #28

    ResponderEliminar
  29. DJCosplay, la verdad es que nunca he probado Linkwithin aunque sé lo popular que se ha vuelto. Consideraré tu sugerencia para incluirlo en una futura entrada ;)
    Saludos!

    ResponderEliminar
  30. lerh, prueba poniendo el último código después de <body>
    y mira si con eso se arregla.

    ResponderEliminar
  31. Gracias, Potro! Oye, me sirvió muy bien, pero extrañamente comienza viéndose por unos instantes el blog cargándose antes de entrar al cargador, lo que le quita mucho estilo. Tienes idea de por qué pasa eso o cómo arreglarlo?

    ResponderEliminar
  32. PeliculasTube, qué bueno que te ha gustado :)


    Franco Paravecino, borralo y mira si aun funciona el efecto que estabas usando con ese script, si sigue funcionando lo dejas así, sino lo vuelves a poner.

    ResponderEliminar
  33. Perdona, ya hice lo que le recomendaste a lehr pero no funcionó. Ahora aparece antes del blog, sí, pero se queda en 0% y aunque termine de cargar el blog no se quita el cargador :S Ojalá me puedas ayudar.

    ResponderEliminar
  34. Muy bueno el script. Es justo lo que estaba esperando (desde hace tiempo). :D Gracias.

    ResponderEliminar
  35. Hay algo que se me olvidó agregar. Me gustaría que se mostrara el script sólo en la página principal y no en las páginas estáticas. ¿Es posibles esto?

    ResponderEliminar
  36. Cual es el archivo que debo alojar??? me salen dos y una carpeta.
    Carpeta: __MARCOSX dentro de la carpeta: ._queryloader
    otro archivo: __MARCOSX
    archivo: queryloader

    Cual de todos estos es pliss???? :$

    ResponderEliminar
  37. Nu mi pana... nu me funciono... probe con todos los archivos y naa' :( que puede ser?? :( www.jonathansuarz.blogspot.com y entre otras cosas... mi blog no admite comentarios porq se le desaparecio la opcion de comentarios de los lectores... nu se q le paso y no me aparecen los botones de 'compartir' de las plantillas de blogger :(

    ResponderEliminar
  38. Potro necesito una mano ,no se que paso a mi blog derepente desaparecio la sidebar y no modifique la anchura del blog para nada,tambien la parte de abajo donde se pone el copyright y donde estaba tu banner quedo en blanco , pense que habia movido algo mal ,entonces subi una plantilla un backup de hace 3 dias cuando el blog funcionaba bien y nada ,
    la sidebar siguio desaparecida,si me preocupa porque si hubiera movido un valor, con la plantilla backup estaria regresando a la normalidad pero no.

    Quite 2 gadgets de sitios externos para ver si eso era lo que estaba mal pense que talvez uno andaba fallando y eso afectaria toda la sidebar pero tampoco funciono,revise toda la plantilla con artilugios expandidos y no encuentro nada fuera de lo normal,Si pudieras echarle un vistazo te lo agradeceria, por que sin sidebar el blog esta out.

    ResponderEliminar
  39. Ana Laura, el archivo que debes subir a tu hosting es el archivo queryLoader.js

    ResponderEliminar
  40. MaG@S RaDioMuSiC, te agradezco tu comentario. Pero no te preocupes que por ahora no me meteré en más líos con la plantilla, al menos no por ahora :)

    ResponderEliminar
  41. Hola Perro Blanco,

    Tardé un poco en responderte porque estuve repasando los códigos una y otra vez, moviéndolos de lugar, agregándole líneas, quitándole otras y nada. Leyendo en el sitio del autor me parece que es un problema generalizado que por ahora parece no tener solución.

    Pensé que quizá alojando ambos scripts directo en la plantilla solucionaría el problema (en caso de que la causa fuera que el script no entra a tiempo para mostrar el preloader) pero tampoco tuve éxito.

    De cualquier manera trataré de seguir investigando y si me entero de algo por aquí se los estaré diciendo.

    Saludos.

    ResponderEliminar
  42. Indeziisoow, sí se puede, mira el comentario #18

    ResponderEliminar
  43. Jonathan Suarez, el archivo que debe subirse es el que se llama queryloader.js que se encuentra en la carpeta principal.

    Blogger parece que está haciendo cambios o no sé pero está teniendo algunos problemas estos últimos días. A mí ayer igual me desapareció la caja de comentarios y de un momento a otro volvió a aparecer, supongo que contigo sucederá lo mismo.

    Para los botones de comentarios mira la solución en Vagabundia:
    http://vagabundia.blogspot.com/2011/03/si-perdieron-los-botones-de-compartir.html

    ResponderEliminar
  44. Hola Portro.. Desde ya te re felicito por el post. Es super interesante y genial!! Pero necesito saber porque no m andaaaaa..!! Je. Segui los pasos varias veces y revice bien los codigod pero nada.. Mi version es: 'http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'
    Por si te sirve.. Y mi blog es http://fmestilo909realdelpadre.blogspot.com/
    Espero tu pronta respuesta.. Muchas gracias!!

    ResponderEliminar
  45. PeliculasTube, veo bastante extraña esa plantilla de por sí :/
    ¿Recuerdas cuál fue el último cambio que hiciste antes de que eso sucediera?
    ¿Recuerdas si has o habías colocado códigos condicionales en la plantilla?

    ResponderEliminar
  46. FM "Estilo" 90.9 MHz , lo que sucede es que usas Scriptaculous y me temo que con este script no se puede aplicar el hack para que funcione.

    ResponderEliminar
  47. Potro te envie un descubrimientillo que hice a traves del formulario de contacto.. espero que sea util pues creo que lo sera para mucho.. si no entendieras bien a los que me referia dime y tratare de explicarme mejor con imagenes y demas..
    SaLu2 amigo.

    P.D: me suscribo a esta entrada esperando respuesta.

    ResponderEliminar
  48. oigan todos ya se inauguró mi web pueden visitarlo atraves de este enlace http://ciberexperto.blogspot.com/ ahí encontrarán muchos artículos de ayuda para su blog humor y informática todo en ese pqueño sitio se los agradezco atentamente Daniel Rodríguez.

    ResponderEliminar
  49. POTRO COMO HAGO PARA PONERLE UN TITULO ARRIBA DEL preloader

    ResponderEliminar
  50. No, no use ninguna condicional,y como te decia tengo una plantilla de respaldo y la subi y nada si hubiera movido alguna condicional con eso se hubiera reparado,crees que podria ver alguna otra razon?

    ResponderEliminar
  51. PERDONA POR QU ENO PONES EL ENLACE SUBIDO YA A UN HOSTING ES QUE NO SE, SI ALGUIN ME PUEDE AYUDAR

    CRISJAPA@HOTMAIL.COM
    GRACIAS

    ResponderEliminar
  52. PODR PONERLO EN MI BLOG? WWW.AMPALAINMACULADA.BLOGSPOT.COM

    ResponderEliminar
  53. @CRISJAPA tienes varios hostings para subirlo como dropbox. yo particularmente subo mis archivos a www.fileave.com espero que te sirva Salu2.

    ResponderEliminar
  54. Θdiŋ-k0, gracias, aún no he revisado los correos del formularios pero en cuanto termine con los comentarios del blog los leo y checo lo que mencionas :)

    ResponderEliminar
  55. gracias potro veo que itencionalmente pusiste en el blog de pruebas imagenes pesadas para que tarden y asi apresiar el efecto a modo de ejemplo.

    surge una duda: 1. SE PUEDE AGREGAR ALGUN TEXTO MIENTRAS CARGA ? ES DECIR: AL IR EN 10% QUE DIGA "CARGANDO CIUDAD" AL IR EN 50 % "CONSTRUYENDO EDIFICIOS" ETC...

    2. ES POSIBLE PONER ALGUN TEXTO O IMAGEN DE FONDO?

    ResponderEliminar
  56. GariNews, dentro del script no lo veo factible, quizá cambiando el color de fondo de la pantalla por una imagen que contenga el texto.

    PeliculasTube, pues es bastante irregular. Si lo deseas envíame tu plantilla desde el formulario de contacto para que la revise.

    ResponderEliminar
  57. esa forma de entrar esta de lujo, peor tengo un problema y es que cuando comiena a cargar primero me presetan el blog luego la carga y despues el blog, por que seria...


    gracias...

    ResponderEliminar
  58. CRISJAPA, ya no subo los archivos al hosting porque son varios usuarios quienes usan los archivos y se consume mucho ancho de banda y eso hace que a todos se nos ponga lento el blog. Pero hay varias opciones para que pueda subirlo, por ejemplo Google Sites o Dropbox.

    ResponderEliminar
  59. nEjO, jaja, sí y es que de hecho primero lo puse en una entrada que no tenía más que una imagen pequeñísima y apenas y se vería el efecto por lo rápido que cargaba así que tuve que meter varias imágenes grandes para que demorara un poco más y se pudiera apreciar bien el preloader.

    Fijate que cuando lo probé lo primero que se me vino a la mente fue lo que mencionas, incluir variaciones de palabras que se pudieran ir formando pero mis pocos conocimientos sobre programación es una gran limitante para mí. Y es que regularmente ese tipo de preloaders que mencionas están hechos en Flash de lo cual sé todavía menos. Pero no quitaré el dedo del renglón y si encuentro algo se los haré saber de inmediato.

    Sobre la imagen la única opción viable que veo sería agregar la imagen directo en el fondo de la pantalla dentro del CSS incluso a un modo más "artesanal" podrías hacer una imagen en GIF que contenga las palabras que quieres y así simular que esas palabras son parte del script.

    ResponderEliminar
  60. gracias potro lo revisare, perdon por dejar dos comentaros no fue intencional lo que pasa que esta fallando mi Internet

    ResponderEliminar
  61. genioo totalll!! nunca voy a dejar de pensarlo!

    ResponderEliminar
  62. quedo de perlas potro esta chida y facil de instalar grasias

    ResponderEliminar
  63. PD: QUE PLANTILLA USAS EN TU EJEMPLO? PORQUE VEO QUE EN TU PLANTILLA NO CAUSA PROBLEMAS,

    ResponderEliminar
  64. #The$Code$Box#, ese problemilla parece ser parte del script ya estuve buscando la manera de arreglarlo pero no hay manera :/

    ResponderEliminar
  65. lerh, esa posible solución que te di no funciona, en el comentario #45 justo le explicaba a Perro Blanco que por el momento parece no tener forma de arreglarlo.

    ResponderEliminar
  66. Alejandro, gracias!

    ghostfamilycrew, sin duda muy sencilla de instalar y "perrona" como decimos por acá :)

    nEjO, es la plantilla Mínima, pero no te creas porque igual a veces también muestra el flashaso de la página por un segundo y luego aparece el preloader, a veces pasa, no siempre.

    ResponderEliminar
  67. potro necesito de tu ayuda subi el archivo hice tal cual como pusistes y primero se carga el blog y luego sale el preloader y se queda en 96% y de ahi ya no avanza intente poniendolo en body y se quedaba en 0% que hago este es mi blog x si te sirve http://pcutilities-and-reggaetonfull.blogspot.com/

    ResponderEliminar
  68. oye potro todavía no se sabe lo que le pasó a rosa?

    ResponderEliminar
  69. Gracias, me sirvió mucho tu ayuda :D ahora resulta que descubrí que en el navegador Opera no funciona el script y no se puede ver el blog (se ve el 0 o el 100% pero no se ve el blog) :( ¿hay también solución para eso o hay que dejar el problema tal como está? Disculpa las molestias. :|

    ResponderEliminar
  70. LuiziitO, eso sucede cuando la URL de una imagen está rota o cuando un elemento del blog tarda mucho en cargar.


    Daniel, no lo sé.


    Indeziisoow, no es ninguna moestia ;)
    Lo he probado en Opera varias veces y me funciona sin problema.

    ResponderEliminar
  71. Hola Potro, subí el otro archivo como me dijiste pero siguió sin funcionar. De cualquier manera, ya me he dado cuenta de cuál es el problema, también uso el Scriptaculous :S

    Leí tu entrada sobre como hacer que funcionen juntos el jQuery y el Scriptaculous pero me parece que no se aplica a este caso en particular, ¿no?

    Una pena, porque está muy bueno. De cualquier manera, muchísimas gracias.

    ResponderEliminar
  72. hola potro, perdon por la pregunta, lei una y otra vez el post de jquery y scriptaculos pero no se como hacerlo del todo bien, por eso queria preguntarte si me podrias poner como iria el script de jquery con el script que es compatible con scriptaculos

    desde ya te doy las gracias!

    ResponderEliminar
  73. Con tu permiso Potro, trataré de dar solución a una inquietud del comentarista número 21.

    Aunque no existe un código hexadecimal para las transparencias, se puede hacer un pequeño truco:

    Tienes esto:

    Tu color del fondo, por ejemplo:

    background: #333;

    colocar inmediatamente abajo esto:

    opacity: 0.7;

    Puedes cambiar de 0.1 a 0.9 dependiendo que tanta transparencia desees.

    Así con eso ya tendrás la semitransparencia del color del fondo.

    Espero haber sido útil. Saludos.

    ResponderEliminar
  74. Yo otra vez!!!
    En realidad no es sobre este post... pero quisiera hacerte una consulta, resulta que mi blog deberia tener "advertencia de contenido" pero cuando la activo, mis fans me reclaman, porque no pueden abrir el blog desde el celular... jeje.
    Entonces, yo no quiero dejar de tener la advertencia, porque en realidad prefiero lavarme las manos si algun menor de edad lo lee y sale con algun trauma o algo asi jajajajaja.
    En fin!! ¿Podrías sugerirme algo?

    Tu sabes que estaría muy agradecida si me ayudas...

    Rocío.

    ResponderEliminar
  75. Hola potro.. M respondiste en la 50. Y me podrias dar tu opinion hacerca de que podria hacer. M interesa mucho el cargador pero no se.. Porfa.., voy a estar muy agradecido. Saludos!!

    ResponderEliminar
  76. muchas gracias por la respues de Linkwithin seria algo sorprendente kitar el feo link ese ahahah bueno gracias espero k si se pueda o puedas, aki ando checando que ahi nuevo, un saludo :D

    ResponderEliminar
  77. Ana Laura, la verdad no sé si pueda aplicarse pero podrías probar modificando el archivo queryLoader.js y ahí cambiar los $ por jQuery y añadir el jQuery.noConflict();
    No lo he intentado pero podría funcionar.

    ResponderEliminar
  78. Alejandro, este no lo he probado con el hack para Scriptaculous pero sólo tienes que mirar los códigos de ejemplo de esa entrada y hacer lo que se indica en el archivo queryLoader.js y ver si funciona.

    ResponderEliminar
  79. Luis, sin duda tu solución es más práctica, gracias :)

    Sólo agregaría que para que la transparencia sea compatible en todos los navegadores sería de esta forma:

    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    -khtml-opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

    Saludos!

    ResponderEliminar
  80. Hola Rocío,

    La verdad es que es preferible que tus lectores se enfaden un poco a que Blogger te elimine el blog por no cumplir con las políticas de contenido.
    Aunque puede haber maneras de agregar intros a modo de advertencia estos no son los requeridos por Blogger y puede haber problemas.

    Te repito, puedes optar por agregar una especie de intro personalizada en la que pongas la advertencia pero sin duda será mucho mejor dejar la de Blogger para que no tengas problemas a futuro y evites la eliminación del blog.

    Saludos.

    ResponderEliminar
  81. FM "Estilo" 90.9 MHz, pues lo primero sería probar si de verdad funciona o no el hack en este scritp, yo ahora no he tenido nada de tiempo para probarlo pero en caso de que no funcione pues quizá quieras quitar Scriptaculous para poder poner este, eso ya dependería de qué tantas ganas tengas de usar este preloader y a cambio dejar de usar el otro script :/

    ResponderEliminar
  82. Hola, yo he puesto esto en mi blog pero no me sale. He hecho los pasos varias veces y sigue sin aparecer.

    Al principio sí me iba, y creo que dejó de funcionar cuando puse el menú acordeón vertical.

    ResponderEliminar
  83. Queda genial.Muchas gracias pero a ocurrido algo curioso,tengo una notificacion con forma deslizante en el blog,pero cuando coloque este truco ya no es deslizante,se a colocado al final del blog en la parte izquierda....¡¡¡he tocado algo que no debia¡¡¡¡..gracias por tu ayuda y un saludo.
    la direccion es http://ampa-arteagabeitia.blogspot.com/

    ResponderEliminar
  84. Potro, en mi blog se queda al 83% y no avanza, ¿sabes cuál podría ser el gadget que detiene la carga?
    www.we-games.co.cc

    ResponderEliminar
  85. Gracias por tu consejo, lo seguire... ademas estaba viendo que al abrir el blog con opera mini no provoca problemas al abrir.

    ResponderEliminar
  86. Dark AngeLus, el menú vertical requiere Mootools mismo que no es compatible con jQuery.

    AMPA- IGE, no he podido ver tu blog porque al entrar no termina de cargar el blog ya que tienes demasiadas imágenes alojadas en magtoo.com y elementos de slide.com que tardan mucho en responder. Recuerda que sólo es recomendable agregarlo cuando no se tienen tantos elementos en el blog y cuando la carga del mismo es rápida.

    We Game / Emilio, no veo que lo tengas puesto, pero posiblemente haya sido una imagen de Photobucket. Yo por ahora entré y tu blog cargo muy rápido por lo que me hace pensar que sólo era momentaneo el problema que tenías.

    ResponderEliminar
  87. Que ching.. potro la verdad me encanto y ya lo esoty usando en mi blog :DD wow neta que cada dia que pasa aprendo mas de ti :) incluso acabo de diseñar mi propia plantilla jejeje http://kronzio.blogspot.com que tal me quedo?? y todo gracias al maestro juju

    ResponderEliminar
  88. Vi el comentario de Ana Laura y la solución que le diste funciona. Justo tenía el mismo problema. :)

    ResponderEliminar
  89. Hola potro, necesito hacer un calendario, que cuando le de click en un dia, ejemplo (5 de marzo), me salga un recuadro que diga algo, como dia mundial de no se que... solo eso, hagame el favor y me ayudas ...

    ResponderEliminar
  90. Hola de nuevo majo.
    Y de antemano agradecerte toda la ayuda e ideas que nos ofreces.
    Estoy ratoneando con el tema de las nuevas plantillas y ando intentando poner este efecto.Pero por lo que sea me da error.Quizas es una pregunta estupida pero hay que poner de alguna manera lo de jquery en la edicion html?
    He andau mirando y buscando en otras entradas tuyas pero no he conseguido nada,Bueno un fuerte abrazo y muchisimas gracias.

    ResponderEliminar
  91. Hola Potro, no me funca.
    Se me queda colgada la barra en 98%.
    Al final la quité. Me parecía interesante.
    Abrazo
    R.

    ResponderEliminar
  92. ei lo he conseguido mil gracias de todas maneras me parece un efecto muy muy guapo.Un abrazo

    ResponderEliminar
  93. Potro, hice lo que me dijiste, edité el archivo .js, cambiando los $ por jQuery y agregué la línea de no conflict y funcionó!!!

    Muchas gracias :D

    ResponderEliminar
  94. Sergiio, muy buena la plantilla y me encantó cómo personalizaste el preloader :)

    Indeziisoow, qué bueno que te dio resultados, igual a ella le funcionó muy bien!

    ResponderEliminar
  95. Javier David Gomez Rincon, no conozco un gadget así :/

    Urko, qué bueno que ya está resuelto!

    Rodrigo, eso sucede cuando una URL rota de alguna imagen o cuando hay un elemento que tarda mucho en cargar.

    Ana Laura, qué gusto que ya lo hayas podido echar a andar :)

    ResponderEliminar
  96. pues que se podia esperar, :D teniendo un buen maestro cualquiera aprende muchas gracias potro... la verdad al que se le ocurrieron los colores fue a un amigo y en base a eso hice toda la plantilla :D

    ResponderEliminar
  97. Pues esa creatividad y esfuerzo es de ustedes así que enhorabuena!

    ResponderEliminar
  98. ah me gusto mucho lo puse en mi blog pero se queda pegado en 95 % eso pasa en mozila y chrone en internet explorer si funciona...si sabes algo me dices por favor???

    ResponderEliminar
  99. si puedes miralo
    http://www.juniorperdomo.co.cc/

    ResponderEliminar
  100. Eso sucede porque debe haber alguna imagen que está rota, vamos que ya no sirve la URL de la imagen o que está mal colocado su código.
    Internet Explorer omite esos errores y es por eso que ahí sí termina de cargar, pero los demás navegadores no omiten el error y por eso se queda en ese porcentaje.

    ResponderEliminar
  101. Potro a mi me pasa lomismo, se queda cargando en 98% podrias ayudarme?? es que ya estuve modificoroteando todas las imagene y checando enlaces y no encuentro cual es

    ResponderEliminar
  102. ya encontre mi problema Potro :D era el gadget e seguidores que no estaba funcionando y eso hacia que no terminara de cargar el blog

    ResponderEliminar
  103. Hola Sergiio,

    Qué bueno que lo has resuelto.
    Igual debes revisar tus imágenes pues como te comenté en la otra entrada tenías una imagen rota y eso causa que no termine de cargar.

    Saludos.

    ResponderEliminar
  104. Buenos días Jaime, lo he probado y funciona bien. Podéis ver el resultado: www.guia-escapadas.com

    ResponderEliminar
  105. Oye gracias lo probé en muchos blogs míos y me sirvio de maravilla....

    posicionamiento ecuador

    ResponderEliminar
  106. Carlos Rios, ¿en cuál blog no te funciona?


    . te ha quedado muy bien!


    DaGaNet, qué gusto que hayas obtenido los resultados esperados :)

    ResponderEliminar
  107. Aww ese comentario lo andaba buscando, por eso puse otro aqui :P , ya arregle ese problema tambien, muchas gracias Don Potro

    ResponderEliminar
  108. Otra dudita, no sabes si ya se puede utilizar el HTML5 en blogger??

    ResponderEliminar
  109. De poderse usar sí de debería poder, la cuestión es si el navegador, tanto el tuyo como el de tus lectores ya soporta el HTML5

    ResponderEliminar
  110. hola potro, no sabes como lo puedo implementar en una web html, lo tengo ya en mi blog y si funciona, pero estoy programando en html y he probado mil maneras de implementarlo y no puedo, ya implemente codigos jwuery sencillos y esos si funcionan, pero con estos nadamas no puedo, mi pagina esta muy estatica por ser solo html y no quierro llenarla de flash, ojala me puedas ayudar

    ResponderEliminar
  111. Hola Carlos,

    Es de la misma forma, sólo que los estilos van dentro del archivo css de tu página o dentro del <head> encerrados entre <style> y </style>

    Igual prueba agregar esta línea en negrita en el código:

    <script>
    QueryLoader.selectorPreload = "body";
    QueryLoader.init();
    </script>


    Saludos.

    ResponderEliminar
  112. ya lo resolvi potro solo tenia que poner los atributos asi:

    <style type="text/css">.QOverlay {
    background-color: #000000; /* Color de la pantalla mientras carga */
    z-index: 9999;
    }

    .QLoader {
    background-color: #CCCCCC; /* Color de la barra */
    height: 10px; /* Grosor de la barra */
    }

    .QAmt { /* Estilos para los números del porcentaje */
    color:#333333;
    font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size:40px;
    font-weight:bold;
    line-height:50px;
    height:50px;
    width:100px;
    margin:-60px 0 0 -50px;
    }
    </style>

    despues de <head>

    por si a alguien le sirve, y quedo de lujo si kieres ver como quedo y como va

    http://www.opendrive.com/files/17461258_Ato6i/Copia%20de%20index.html

    ResponderEliminar
  113. ya vi que contestaste xD, gracias ya quedo y gracias por la ayuda, de todos modos no hubiera podido sin ciudad blogger =)

    ResponderEliminar
  114. Gracias Carlos, qué bueno que ya lo has resuelto :)

    ResponderEliminar
  115. he chequado todas las imagenes ninguna esta rota...pero no le llego al problema potro si me podrias ayudar

    ResponderEliminar
  116. hola disculpen mi fastidio pero saben que le hice un análisis a mi blog dando resultado lo siguiente http://www.iwebtool.com/broken_link_checker?url=http://www.juniorperdomo.co.cc/ donde me dice que tengo el siguiente error http://www.blogger.com/navbar.g?targetBlogID=981195688083766416&blogName=Jun... si sabe algo de como solucionarlo por favor díganme Muchas Gracias

    ResponderEliminar
  117. Eso parece ser algo de la Navbar pero regularmente ese error de ahí es porque el sistema de Blogger no les permite acceder a esos sitios para que revisen todo por completo.

    Sin duda debe ser algún elemento que no termina de cargar bien, desconozco cuál sea pero si te da mucho problema lo mejor será prescindir del preloader :/

    ResponderEliminar
  118. Hola Potro Una pregunta... a que hosting lo puedo subir????'

    ResponderEliminar
  119. Potro No me funciona... le cambie y nada... que puedo realizar???

    ResponderEliminar
  120. Lo que sucede es que el sitio donde lo has subido es un sitio que te da una URL para que descargues el archivo, no para que se ejecute el archivo.
    Te recomiendo que lo subas a Google Sites o Dropbox.

    ResponderEliminar
  121. Hola el potro, oye que a mi tampoco me funciona, hechame una mano

    ResponderEliminar
  122. Que no te aparezca en cada entrada no lo he entendido muy bien, detallamelo porfavor.

    ResponderEliminar
  123. Que ta potro muy buena la entrada me funciono muy bien solo quisiera saber si se puede aser que la linea corra mas despacio o sea le entrada grax

    ResponderEliminar
  124. Hola ROBERT,

    Acabo de entrar a tu blog y lo veo funcionando perfectamente, ¿qué es lo que no has entendido? ¿te refieres a que sólo se vea en la portada del blog? si es así mira el comentario #18
    Ahí está el ejemplo de cómo debe ser para que no se muestre al ingresar a una entrada.
    Saludos.

    ResponderEliminar
  125. Hola Jose Galaviz,

    La línea avanza conforme se carga el blog, si está avanzando rápido es porque tu blog carga rápido y esa es buena señal ;)
    Si tardara mucho en cargar entonces avanzaría más lento. No es que haya un tiempo predefinido en el script, es sólo que se mueve en función de la velocidad de carga del blog.

    Saludos.

    ResponderEliminar
  126. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  127. Hola Potro, que tal estas. Pude leer en algun comentario que a alguien, antes de cargar el preloader aparecia por unos segundos la pagina, pues bueno a mi me sucede lo mismo, e intentado poner el codigo en distintas partes de la plantilla y no ha dao resultado, nose si tendras alguna formula de esas tuyas ( que funciona ) para intentar solucionarlo, por lo demas todo perfecto, como siempre. Gracias y un abrazo.

    ResponderEliminar
  128. Desafortunadamente no. Desde el primer día estuve mueve y mueve los códigos sin éxito alguno. Supongo que es un fallo del script, no lo sé :/

    ResponderEliminar
  129. Muy bien Potro, de todas maneras te estoy agradecido. Un abrazo

    ResponderEliminar
  130. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  131. Alguien por aqui queria una imagen transparente para utilizarla con el Preloader, pues aqui os paso el enlace de la que he creado por si alguien la quiere utilizar : http://img191.imageshack.us/img191/5510/porpc.png

    ResponderEliminar
  132. Gracias por compartirnos la imagen PC, saludos!

    ResponderEliminar
  133. Hola Potro, aqui estoy de nuevo. Bueno al grano he puesto una imagen de fondo de la catedral de mi ciudad en el preloader, pero la foto sale en cuadrantes y lo que quiero es que la imagen quede centrada y ocupe toda la pantalla, he probao con center, repeat, no-repeat y nada, he sido incapaz de conseguirlo. No se si me podras ayudar y facilitarme el codigo para tal fin. Un abrazo.
    Postdata: date una vuelta por aqui http://www.elrincondepc.com/ y comprobaras lo que te digo. Un abrazo

    ResponderEliminar
  134. Hola PC,

    La imagen no puede ocupar toda la pantalla a menos que el tamaño de esta sea del tamaño de la pantalla, y toma en cuenta que no todos los usuarios tienen el mismo tamaño de pantalla.

    Si sólo quieres centrarla y que no se repita la imagen el código es este:

    background: #000000 url(https://lh6.googleusercontent.com/_9qZScR42z3g/TX4Hf1fAW8I/AAAAAAAAQ-A/72CucYdbklw/s640/catedral-de-burgos.jpg) no-repeat center;

    Saludos.

    ResponderEliminar
  135. Gracias Potro, como siempre tan raudo y veloz.
    Un abrazo

    ResponderEliminar
  136. Hola Potro, necesito tu ayuda. He seguido todas las instruciones pero no me aparece cuando entro en el blog.
    http://gradorrhhpoliticasociolaboral.blogspot.com/
    Gracias de antemano.

    ResponderEliminar
  137. Cuando has puesto los estilos has eliminado una llave de cierre del código que tenías arriba. Lo tienes así:

    #tabsF a:hover span {
    background-position:100% -42px;

    Y debe ser así:
    #tabsF a:hover span {
    background-position:100% -42px;
    }

    Pero además seguramente se quedará colgado en 97% pues al parecer tienes una imagen rota o algún elemento que no termina de cargar.

    ResponderEliminar
  138. Gracias , ahorta si que funcionó.

    ResponderEliminar
  139. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  140. Hola, me gustaria saber si se puede hacer algo parecido a esto, seria poner una imagen antes de entrar en el blog y que estuviera visible 4 o 4 segundos (o lo que sea), he buscado y no encuentro nada parecido. Un saludo.

    ResponderEliminar
  141. Hola Fernando,

    No conozco alguno como ese, pero puedes usar este y cambiar el color de fondo por una imagen, sólo sería cambiar esta parte del código:

    .QOverlay {
    background-color: #000000; /* Color de la pantalla mientras carga */
    z-index: 9999;
    }

    Por esta:
    .QOverlay {
    background: #000000 url(URL de la imagen) no-repeat center;
    z-index: 9999;
    }

    Saludos.

    ResponderEliminar
  142. Gracias por contestar tan rapido. Mi blog (queenspain) es un poco pesado y estaria mucho tiempo la barra de carga, aparte lo e intentado poner para ver que tal funcionaba y no me a salido, aun asi gracias, ya saldra algun dia lo que quiero, y si no pues no lo pondre, tampoco es tan importante. Un saludo.

    ResponderEliminar
  143. Potro creo que ya me sale descomprimir pero he probado con otros tipos, este solo me sale con secuencia de comandos no con winrar..

    ResponderEliminar
  144. No entiendo a qué te refieres, pero en la red hay mucha información sobre cómo descomprimir archivos, sólo es cuestión de buscar un poco:
    http://www.youtube.com/watch?v=vltkaCxzn6w

    ResponderEliminar
  145. He colocado en el blog "ourenseunderground.blogspot.com" Precargar el blog con JQuery, tal y como se indica arriba pero al abrir el blog la barra del porcentaje se queda al principio no va hasta el final de la pantalla. ¿Cómo puedo arreglar esto? Gracias

    ResponderEliminar
  146. Prueba eliminando esta línea de tu plantilla:

    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'></script>

    ResponderEliminar
  147. He eliminado la línea que indicas de la plantilla, pero sigue haciendo lo mismo. ¿Se puede hace alguna otra cosa?. Un saludo y gracias.

    ResponderEliminar
  148. Burgas Beat y ourenseunderground "somos los mismos" y los blogs son:
    ourenseunderground.blogspot.com y burgasbeat.blogspot.com.

    ResponderEliminar
  149. Al parecer hay cierta incompatibilidad con el script que hace funcionar el menú estilo dock. Pues si quitas esta línea verás que el preloader funciona sin problemas.

    <script src='http://sites.google.com/site/ciudadbloggerfiles/Home/interface.js' type='text/javascript'/>

    Si prefieres quitarlo entonces te dejo un enlace de Vagabundia donde explican cómo poner un menú estilo dock que no requiere jQuery por lo que muy probablemente no te genere conflicto con el preloader:

    http://vagabundia.blogspot.com/2010/04/menu-estilo-dock.html

    Saludos.

    ResponderEliminar
  150. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  151. Hola potro, otra vez aqui moelstandote, lo que pasa es que soy nuevo en esto y me gusta ese efect y lo quiero emplear en mi blog http://www.smithzhito.blogspot.com/ pero tengo una duda cuando cojes este punto: descarga este archivo, descomprímelo y sube el archivo que hay dentro a un hosting. ... alli ya me pierdo, la duda es el hosting ? el resto del procedimiento si lo se, espero tu ayuda :)

    ResponderEliminar
  152. Hola Kenny Smith,

    Mira el comentario #154, ahí hay un enlace a un video que explica cómo descomprimir archivos.
    Una vez que lo hayas descomprimido mira esta entrada que explica cómo subir los archivos a un hosting.

    Saludos.

    ResponderEliminar
  153. Dónde tendría que añadir jQuery.noConflict();?

    ResponderEliminar
  154. Necesitas editar el archivo queryLoader.js que subiste al hosting, ahí cambia los $ por jQuery y añade el jQuery.noConflict(); justo arriba de:

    QueryLoader.init();

    Ese se encuentra el el código que va antes de </body>

    ResponderEliminar
  155. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  156. Pues yo lo he hecho y no funciona. He puesto una condicional de una entrada específica, pero he puesto la dirección de una página estática. Por eso no funcionará?
    Y otra cosa, encima del porcentaje de carga se podría añadir una frase?

    ResponderEliminar
  157. No veo que tengas puesto el primer código que se menciona.

    ResponderEliminar
  158. http://dl.dropbox.com/u/13722886/Loader.gif
    Sale en la plantilla pero no sé porqué, en el codigo fuente no.

    ResponderEliminar
  159. He visto que al cargar, al lado de las imagines sale el porcentaje, pero muy diferente a como lo tenías tu.
    http://dl.dropbox.com/u/13722886/Problema.gif

    ResponderEliminar
  160. Pues algo debe andar mal por ahí. De inicio la URL del script parece estar mal. Si te fijas al final de la URL tienes repetido queryloader.js
    Verifica que la URL del script esté bien. Si continua el problema quítale las condicionales para ver si así tampoco funciona.

    ResponderEliminar
  161. La URL está bien. Si no funciona no pasa nada, que te estoy molestando demasiado.

    ResponderEliminar
  162. Probablemente la URL está bien, pero a lo que me refiero es que en el código parece estar mal puesta la URL y de hecho sí lo está.

    Esta es la URL que debes tener:
    http://dl.dropbox.com/u/13722886/queryLoader.js

    Pero en cambio tienes esta:
    http://dl.dropbox.com/u/13722886/queryLoader.js%20%281%29/queryLoader.js

    La segunda es la que tienes y está mal.

    ResponderEliminar
  163. No, porque lo tengo dentro de una carpeta con el mismo nombre y además ese está editado para que funcione (http://dl.dropbox.com/u/13722886/queryLoader.js%20%281%29/queryLoader.js).

    ResponderEliminar
  164. Bueno he probado el menú doc que me indicaste en el enlace de "vagabundia" y ahora funciona todo bien, pero ¿se puede modificar este códio del menu "doc"? me explico, los enlaces del mismo bloc los abre en otra ventana y cuando pasas el cursor por los iconos no los estira como jQuery si no que los pone en dos líneas esto dice alo feo. haber si me puedes decir algo. Saludos y gracias.

    ResponderEliminar
  165. Hola que tal, bueno solo una duda espero me puedas ayudar edite la plantilla peque los scripts como mencionas me guardo los cambios todo bien pero al introducir el url y entrar a mi blog pues entra normal y despues empieza el loader pero se queda parado en 94% y ya no entra al inicio del blog, no se a que se deba

    ResponderEliminar
  166. Javi, prueba poner con la URL que te mencioné y que también funciona, si con eso no se arregla prueba quitando las condicionales.

    ourenseunderground, no, ese script tiene esas funciones definidas para que sea así, no cumple con los efectos que usa jQuery.

    Znd87, debe haber alguna imagen rota o algún elemento que no está cargando completamente, si llega hasta el 94% debe ser algo que está al final del blog.

    ResponderEliminar
  167. Hola Potro!
    En primer lugar garcias por tu tiempo!
    Se carga el blog y luego sale la barra de carga que puedo hacer?
    http://www.laredentusmanos.com/

    ResponderEliminar
  168. Parece que es una falla con el script, hace días estuve horas tratando de solucionarlo pero no tuve éxito :/

    ResponderEliminar
  169. Una lastima....de todas formas estare al tanto haber si lograras hacerlo funcionar!

    ResponderEliminar
  170. Potro un saludo.... Tengo el problema de la carga igual que Znd87 pero solo en el Goolge Crome, mas en Mozilla y en Explorer es perfecta la carga de la página... te indico que el problema con Crome empezó cuando tome la opción de dejar el efecto de carga solo al inicio del blog.... alguna sugerencia? saludos

    ResponderEliminar
  171. Pues como le respondí a Znd87, debe haber una imagen rota o un elemento que no termina de cargar. Si ahora te sucede sólo en la portada entonces dicho elemento o imagen que no carga debe estar sólo ahí.

    ResponderEliminar
  172. buenas! intento aplicar el cargador a una página web y no puedo hacerlo funcionar. Intenté como recomendás más arriba a Carlos Ledezma pero no tuve resultados. Serías tan amable de indicarme como debo introducir los códigos para que funcione el cargador? desde ya muchas gracias, saludos!

    ResponderEliminar
  173. Me encantaría ayudarte pero sin saber cuál es tu blog me es imposible :/

    ResponderEliminar
  174. No me sale, una pena : http://infosportinggijon.blogspot.com/

    ResponderEliminar
  175. Es porque usas Scriptaculous y no es compatible con jQuery.
    Hay un hack que hace que puedas usar ambos scripts al mismo tiempo:
    http://ciudadblogger.com/2011/02/usar-jquery-y-scriptaculous-al-mismo.html

    Si tienes dudas sobre cómo aplicarlo mira el comentario #165 de esta entrada.

    ResponderEliminar
  176. Todo bien solo que se ve la pagina antes, luego sale la barra cargando y luego la página en vez de cargar lo primero.

    ResponderEliminar
  177. Es una falla del script, ya lo he comentado antes, no hay forma de arreglarlo.

    ResponderEliminar
  178. A mi me pasa lo mismo no crees que encontrarás alguna solución?

    ResponderEliminar
  179. http://futbolentrenamientostenerife.blogspot.com/


    El Potro, que tal un saludo y gracias por todo antes de nada, por otro lado hecha un vistazo a mi blog y dime que te parece y que cositas modificarías si no es mucho perdir. un saludo y nuevamente gracias por vuestra ayuda

    ResponderEliminar
  180. Hola WILLY,

    La verdad es que no me siento apto para aconsejar sobre lo que está bien o no en un blog, para mí creo que lo más importante es que cumpla su objetivo y que sea de tu agrado ;)

    Saludos!

    ResponderEliminar
  181. Me encanta, gracias por tu blog, me ayuda mucho Potro

    http://amparei.blogspot.com

    ResponderEliminar
  182. Qué gusto que así sea Amparei :)

    ResponderEliminar
  183. Hola mi amigo * EL Potro * como siempre excelente aporte lo aplique a mi blog pero lamentablemente tengo un error.

    Se carga la pantalla negra hasta el 97% y simplemente se queda ahi.

    Con Mozilla y Chome pasa esto pero con el nuevo Internet Explorer 9 No.

    Que puedo hacer.??

    ResponderEliminar
  184. Lo mismo que le he dicho a todos, debe haber una imagen rota o un elemento que no termina de cargar. Tendrías que examinar detenidamente cuál es ese elemento o imagen rota.

    ResponderEliminar
  185. Hola! muy bonito el efecto, aunque tengo una pregunta que no esta relacionada con el tema. Resulta que tengo instalados algunos complementos/scripts en mi blog y los carga perfectamente en la página principal y las entradas que aparecen en la misma. Sin embargo si voy a entradas antiguas no me carga ningún complemento, esto me comenzó a suceder hace poco y me tiene desconcertado, pues no he realizado cambios recientes en la plantilla como para que esto suceda. :S

    el blog es http://enriqueruizcolombia.blogspot.com

    agradezco de antemano tu ayuda,

    Saludos a todos desde Bogotá :)

    ResponderEliminar
  186. Hola Daniel,

    Es por un problema que se trae Blogger desde hace unas semanas con los enlaces de navegación.
    Ya Blogger está enterado de esos problemas y hace un par de días anunciaron que lo solucionarán a la brevedad.

    ResponderEliminar
  187. hola postro no me esta funcionando noce lo que pasa lo subi al hostin que publico

    ResponderEliminar
  188. Buenas noches hermano! soy nuevo en esto de blogger y estoy intentando poner este efecto y no me resulta! te mando la direccion! es absolutamente nuevo! http://punto-ugma.blogspot.com

    ResponderEliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger