Agregar Lazy Load en Blogger, para acelerar la carga del blog

24 de abril de 2012 218 comentarios ,

Lazy Load es un script de jQuery que ayuda a agilizar la carga del blog cuando en él se usan muchas imágenes, esto es porque el script detiene la carga de las imágenes, o sea que, las pone en modo de espera para que primero carguen los demás elementos, y conforme se baje el scroll de la página irán apareciendo las imágenes.

Esto supone una mejora de velocidad en la carga del blog, sobre todo cuando en él hay imágenes muy grandes o una cantidad significativa de imágenes.

Además, usaremos el efecto FadeIn para que cuando las imágenes aparezcan lo hagan en forma de desvanecimiento.
Puedes ver un ejemplo en este blog de pruebas, si bajas el scroll poco a poco irás viendo cómo las imágenes van apareciendo.

La instalación es tan sencilla que sólo requiere un paso, y es que nos evitaremos alojar el script en algún servidor, ya que lo nos interesa es la velocidad, alojaremos el script directo en la plantilla.

Para poner Lazy Load en tu blog ingresa en la Edición HTML de la plantilla y antes de </head> pega el script:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
/*
* Lazy Load - jQuery plugin for lazy loading images
* Copyright (c) 2007-2012 Mika Tuupola
* Licensed under the MIT license:
* http://www.opensource.org/licenses/mit-license.php
* Project home:
* http://www.appelsiini.net/projects/lazyload
*/
(function($){$.fn.lazyload=function(options){var settings={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(options){$.extend(settings,options);}
var elements=this;if("scroll"==settings.event){$(settings.container).bind("scroll",function(event){var counter=0;elements.each(function(){if($.abovethetop(this,settings)||$.leftofbegin(this,settings)){}else if(!$.belowthefold(this,settings)&&!$.rightoffold(this,settings)){$(this).trigger("appear");}else{if(counter++>settings.failurelimit){return false;}}});var temp=$.grep(elements,function(element){return!element.loaded;});elements=$(temp);});}
this.each(function(){var self=this;if(undefined==$(self).attr("original")){$(self).attr("original",$(self).attr("src"));}
if("scroll"!=settings.event||undefined==$(self).attr("src")||settings.placeholder==$(self).attr("src")||($.abovethetop(self,settings)||$.leftofbegin(self,settings)||$.belowthefold(self,settings)||$.rightoffold(self,settings))){if(settings.placeholder){$(self).attr("src",settings.placeholder);}else{$(self).removeAttr("src");}
self.loaded=false;}else{self.loaded=true;}
$(self).one("appear",function(){if(!this.loaded){$("<img />").bind("load",function(){$(self).hide().attr("src",$(self).attr("original"))
[settings.effect](settings.effectspeed);self.loaded=true;}).attr("src",$(self).attr("original"));};});if("scroll"!=settings.event){$(self).bind(settings.event,function(event){if(!self.loaded){$(self).trigger("appear");}});}});$(settings.container).trigger(settings.event);return this;};$.belowthefold=function(element,settings){if(settings.container===undefined||settings.container===window){var fold=$(window).height()+$(window).scrollTop();}else{var fold=$(settings.container).offset().top+$(settings.container).height();}
return fold<=$(element).offset().top-settings.threshold;};$.rightoffold=function(element,settings){if(settings.container===undefined||settings.container===window){var fold=$(window).width()+$(window).scrollLeft();}else{var fold=$(settings.container).offset().left+$(settings.container).width();}
return fold<=$(element).offset().left-settings.threshold;};$.abovethetop=function(element,settings){if(settings.container===undefined||settings.container===window){var fold=$(window).scrollTop();}else{var fold=$(settings.container).offset().top;}
return fold>=$(element).offset().top+settings.threshold+$(element).height();};$.leftofbegin=function(element,settings){if(settings.container===undefined||settings.container===window){var fold=$(window).scrollLeft();}else{var fold=$(settings.container).offset().left;}
return fold>=$(element).offset().left+settings.threshold+$(element).width();};$.extend($.expr[':'],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"});})(jQuery);

$(document).ready(function($){
$('img').lazyload({
effect:'fadeIn',
placeholder:'http://lh3.googleusercontent.com/-9nuRfZdo5ro/T5cYmFT_X9I/AAAAAAAACa8/K9aG-gcgsaI/s1/bg_placeholder.png'
});
});
//]]>
</script>
Guarda los cambios y listo.
Si ya tuvieras jQuery deja sólo la versión más actual.

Como puedes ver el script no es tan extenso en comparación de otros que usamos con frecuencia, agilizará la carga del blog, y además aparecerá las imágenes con efecto de desvanecimiento.
Sin embargo, sólo se recomienda su uso cuando el blog contiene muchas imágenes, de los contrario no tiene caso llenar el blog con otro script ya que además no representará una mejora sustancial ni el el tiempo de carga ni en el tamaño de la página.

(24/abr/2012) ACTUALIZACIÓN: si te da problemas con las imágenes de los gadgets, y/o quieres que se aplique sólo a las imágenes de las entradas, entonces cambia lo que está en color rojo por esto:
$('.post img').lazyload({


218 comentarios en:

" Agregar Lazy Load en Blogger, para acelerar la carga del blog "

  1. genial lo implementare en mi blog.
    gracias por tus sabios consejos Potro

    ResponderEliminar
    Respuestas
    1. Muy muy sabios no son, pero gracias :D

      Eliminar
    2. potro un saludo unos dia sin preguntar pero necesito saber algo me urge como puedo quitar la opcion que dice Enlaces a esta entrada o mejor dicho Crear un enlace como lo hago eso hermano!!

      Eliminar
    3. En Configuración > Entradas y comentarios busca donde dice "Mostrar enlaces de retroceso", ahí los puedes ocultar.

      Eliminar
    4. potro siempre lo digo eres un monstruo saludo hermano!! gracias por todo

      Eliminar
  2. hola me venido genial porque precisamente hace unos dias me habian comentado que mis dos blogs cargaban con un poquito de dificultad
    gracias, voy poniendo casi todo lo que publicas no comento porque
    como va bien no quiero molestar tendras el correo rebosante de comentarios pero gracias por todo
    http://zerezas-curiosidadesvarias.blogspot.com/

    ResponderEliminar
    Respuestas
    1. Nunca será molestia un comentario tuyo zerezas, nunca de los nuncas.

      Eliminar
  3. Muchas gracias Potro, nunca creí que respondieras a mi petición tan rápido.!!

    Un abrazo viejo.

    ResponderEliminar
    Respuestas
    1. Es que éste era muy sencillo, así que podía sacarlo rápido ;)
      Un abrazo.

      Eliminar
    2. Funciona genial en Wevoluciona :D

      Por cierto, la esa imagen de bart y homero no tiene nombre.. ja ja ja

      Gracias!!

      Eliminar
    3. Jaja, está genial la imagen ¿no? :D

      Eliminar
  4. -Primeroo jaja-
    Siempre he sido muy quejica con estas cosas, porque lo que se refiere al diseño y a la carga de un blog lo veo algo fundamente. Mucho.

    Así que esto me viene genial, jaja.

    ResponderEliminar
  5. Vaya, al final no soy el primero el comentar y es que tienes la moderación activada XD
    Qué palo me he llevado +_+'

    ResponderEliminar
    Respuestas
    1. Jojo, pensé que a alguien la pasaría, sorry, es que sí, tengo activada la moderación por un par de spammers que andan por ahí jodiendo al prójimo, pero en estos días la quito :)

      Eliminar
    2. a mi me pasó dije wow por fin seré la primera..!! XDDD

      Eliminar
  6. Al fin en casa entre semana y temprano!... me he metido a ver todo lo que has publicado y este en especial me ha gustado mucho, como ya inicié el mundo laboral ahora ando con menos tiempo, pero aqui andare :) abrazo bro, hgracias por todo esto que nos das!

    ResponderEliminar
    Respuestas
    1. Ni hablar, se acabaron los días de flojera, suerte con tu nuevo trabajo ;)

      Eliminar
  7. Hola, como siempre muy buena entrada, pero tengo una consulta que no tiene nada que ver...Es posible separar la cabecera del contenido del blog si se usa un tema predeterminado de Blogger?, osea quiero que la cabecera junto con el menú ocupen todo el ancho de la pantalla, pero el contenido del post quede como está actualmente...Estoy usando la Plantilla Simple Blog azul.

    ResponderEliminar
    Respuestas
    1. Hola Angel, la cabecera o cualquier otro elemento siempre debe ocupar el un ancho inferior al contenedor general del blog. Ese tipo de cabeceras que dices en realidad sólo dan la apariencia de que ocupan todo el ancho, pero no es así.
      Lo que hacen es usar una imagen de fondo en el BODY, de manera que esa imagen sea también la imagen de fondo de la cabecera, es por eso que al ser la imagen de fondo del blog, da la ilusión de que se tratara de la cabecera del blog.

      Eliminar
  8. Gracias Potro es justo lo que necesitaba. Prácticamente he construido mi blog con publicaciones que tu hiciste me funciona bastante bien, pero ayer entre a mi blog con el navegador de Explorer (porque a menudo yo utilizo Mozilla) y note tres problemas:
    Primero al realizar la búsqueda de mi Blog en Google me aparece con la siguiente dirección “centrotarata.blogspot.com/2012/03/prueba-2.html” porque si mi blog lo cree como “centrotarata.blogspot.com/”
    Segundo al cargar por primera vez mi blog no carga las fuentes que yo coloque y no aparece el gadget del carrusel, pero cuando ingreso nuevamente lo anterior se corrige.
    Y la tercera es que coloque efectos a la cabecera y a las entradas como bordes redondeados y otros y por nada aparecen los efectos en el Explorer.
    Me gustaría que entres primero a mi Blog con Mozilla cargando dos veces y veas como queda.
    Gracias de antemano por tu ayuda, ojo esta es la primera vez que te pido que me ayudes Jeje. Ah y donde puedo consultarte otras cosas porque en esta entrada no lo veo conveniente.

    ResponderEliminar
    Respuestas
    1. Puede ser porque es la única entrada que tienes publicada, así que no te has posicionado bien.
      Lo otro quizá se deba las cookies y caché de tu navegador, es la primera vez que yo entro y al menos el carrusel me cargó a la primera, lo hice tanto en FF como en Chrome.
      En IE los bordes redondeados no funcionan, me parece que sólo en IE9, y aun así yo nunca los puedo ver.

      Y lo último que preguntas, pues donde corresponda el tema, por ejemplo, la del carrusel puedes hacerla en esa entrada, la de los bordes pues igual donde corresponde, así no nos desviamos del tema del post ;)

      Eliminar
  9. Que bien..!! no sé que más me gustó, las fotos están hermosas..!! Saludos Potro..Y gracias. =D

    ResponderEliminar
    Respuestas
    1. Y eso que iba a poner fotos mías, jaja, no, no es verdad.

      Eliminar
    2. =D siii ya pon unas aunque sea con efecto fuera de foco..!! asi ya tendré una foto tuya para ponerte veladora..!! jiji un mega abrazo..!!

      Eliminar
  10. Potro muchas gracias, excelente.

    Felicidades

    ResponderEliminar
  11. Excelente aporte gracias buen día ^^

    ResponderEliminar
  12. buenísimo Potro!! lo probaré en mi blog. Saludos!

    ResponderEliminar
    Respuestas
    1. Que todo salga bien Marcos. Saludos.

      Eliminar
    2. Hola Potro. Lo agregué pero lo tuve que quitar, las imágenes se me encogen, mantienen la misma altura pero se achican en ancho. Tengo otros efectos sobre las imágenes que quizás esten afectando a este script. Se te ocurre que puede ser?
      Gracias, Saludos!

      Eliminar
    3. Ni idea Marcos, yo lo he probado en varias plantillas y en ninguna me ha dado problemas.

      Eliminar
    4. le quité esto:
      .post-body img {
      padding:0px;
      background:#FFF;
      -moz-transition: all 1s;
      -webkit-transition: all 1s;
      -o-transition: all 1s;
      }
      .post-body img:hover {
      /*border-radius: 0% 50%; */
      box-shadow: 0px 0px 15px #000;
      -moz-transition: all 1s;
      -webkit-transition: all 1s;
      -o-transition: all 1s;
      cursor:pointer;
      }

      y ya no se me encogen las imágenes, pero ahora algunas se me alinean a la izquierda o parecen temblar cuando bajo con el scroll y van apareciendo, asi que se ve que hay algo mas que molesta. Será cuestión de ir haciendo prueba y error para ir viendo que pasa. A ver que sale...

      Saludos!

      Eliminar
    5. Lo que quitaste son los bordes redondeados, así que es posible que tengas otros estilos en las imágenes que puedan estar causando ese efecto indeseado, será cuestión de ir probando como bien dices.
      Saludos.

      Eliminar
  13. Muy bueno. Realmente útil para fotologs y similares

    ResponderEliminar
    Respuestas
    1. Y hasta para los que suelen usar muchos gadgets con imágenes, ya que el script también aplica también para las imágenes de todo el blog.

      Eliminar
  14. Buenísimo Potro!! lo probaré en mi blog. Saludos!!

    ResponderEliminar
  15. Hola EL Potro, el efecto FadeIn de las imágenes me funciona en las entradas pero en la barra lateral donde hay gadgets de imágenes no funciona y salen las imágenes en gris. Solo aparece este efecto cuando luego subes.

    ResponderEliminar
    Respuestas
    1. El blog: http://grupoblogin2.blogspot.com

      Eliminar
    2. Hola Josep-Pepe, cambia esta URL del script:
      http://lh6.googleusercontent.com/-p9tA2JG1mu8/T5Y_yu2lQdI/AAAAAAAACao/JckgkvE3E_8/s1/gris.gif

      Por esta otra:
      http://lh3.googleusercontent.com/-9nuRfZdo5ro/T5cYmFT_X9I/AAAAAAAACa8/K9aG-gcgsaI/s1/bg_placeholder.png

      Ahora que lo del efecto de desvanecimiento no siempre se aprecia, pero eso es lo de menos, en sí el desvanecimiento es un extra, lo importante es que muestre las imágenes hasta que se navegue por la página.

      Eliminar
  16. Da una sensación muy bonita que se abran así poquito a poco, aunque hasta ahora no me ha dado problemas el blog de fotos, pero siempre pienso en cuando me los pueda dar, así que ¡genial!, :D...
    Muchísimas gracias, Potro.
    Un beso enorme

    ResponderEliminar
    Respuestas
    1. Lo que pasa es que tampoco pones muchas fotos en la portada, así que aún no es algo que te afecte ;)
      Otro beso para ti.

      Eliminar
  17. que bien!!! sobre todo por que en mi blog doy wallpapers en HD xD gracias!!

    ResponderEliminar
    Respuestas
    1. En ese tipo de blogs es muy usado de hecho ;)

      Eliminar
  18. Gracias Potro! lo implementaré ahora mismo a ver que pasa ;)

    ResponderEliminar
  19. genial amigo potro era lo que necesitaba, mis blogs estan algo pesados. saludos

    http://filosofomemes.blogspot.com

    ResponderEliminar
    Respuestas
    1. Pues ojalá entonces el script te pueda ayudar un poco. Saludos.

      Eliminar
  20. Inmediatamente se ve la diferencia en la carga. Gracias.

    ResponderEliminar
    Respuestas
    1. En algunos sí se ve de inmediato, en otros no tanto, supongo que depende de la cantidad y tamaño de imágenes de cada blog.

      Eliminar
  21. Es mucha la ayuda y tutoriales que tomo de tu blog y no te había enlazado, tal vez no sea de mucha ayuda un enlace en mi blog pero bueno te agradezco de esa forma, no encontraba el apartado de tus enlaces.

    ResponderEliminar
    Respuestas
    1. Cualquier enlace es bien recibido, gracias por ello :)
      La sección de banners la tengo un poco escondida, pero está hasta arriba del blog :)

      Eliminar
  22. Esta muy interesante y lo implemente en mi blog, pero las imagenes del slider no salen, como podria remediar esto...

    gracias.

    ResponderEliminar
    Respuestas
    1. Bajando un poco el scroll deben empezar a aparecer todas las imágenes.

      Eliminar
    2. nop.. yo lo saque.. prefiero este script antes del slider.. pero de todas formas habría que ver eso.. porque los sliders no cargan.. no se si todos pero el mio al menos no cargaba

      Eliminar
    3. Mira la actualización TATO, eso soluciona el problema, siempre y cuando el slider no esté dentro del post.

      Eliminar
  23. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
    Respuestas
    1. Eliminé el comentario por el aviso que está al final de la página.
      Si ya tienes jQuery entonces ya no pongas esta línea:
      <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
      Como ya la tienes en la plantilla no hace falta ponerla de nuevo.

      Eliminar
  24. tonces lo veo util por que tengo muchas imagenes pero no se si el efecto esta activo

    ResponderEliminar
  25. Es fantástico y muy interesante para mi blog que esta lleno de imágenes, pero tiene un problemilla.
    Las imágenes que se ponen como gadget en el lateral no se ven, solo aparece un rectángulo gris.
    ¿Se puede arreglar?

    ResponderEliminar
    Respuestas
    1. Espero que sí :)
      Cambia esta URL que está en el script:
      http://lh6.googleusercontent.com/-p9tA2JG1mu8/T5Y_yu2lQdI/AAAAAAAACao/JckgkvE3E_8/s1/gris.gif

      Por esta otra:
      http://lh3.googleusercontent.com/-9nuRfZdo5ro/T5cYmFT_X9I/AAAAAAAACa8/K9aG-gcgsaI/s1/bg_placeholder.png

      Eliminar
    2. Muchas gracias!! ahora queda perfecto y carga fantástico.
      ;-D

      Eliminar
  26. mm decidi eliminarlo por que al mover el scroll algunas partes cargaban pero otras no tenia que volver a psar con el scroll que raro xD

    ResponderEliminar
    Respuestas
    1. Es que así funciona, las imágenes cargan conforme se mueve uno con el scroll ;)

      Eliminar
  27. con podria quitar el efecto desvanecimiento

    ResponderEliminar
  28. si me gustaria que cargaran de ultimo las imagenes pero no quiero el efecto desvanemiento cuando aparecen

    ResponderEliminar
    Respuestas
    1. Quita esta parte del script, con eso se irá el efecto de desvanecimiento:
      effect:'fadeIn',

      Eliminar
  29. por cierto seria mas recomendable que el script fuera el primero que cargara despues de < head > no es cierto protro

    ResponderEliminar
    Respuestas
    1. En este caso no mucho porque el BODY carga después que HEAD, pero ya dependerá de cada caso en particular.

      Eliminar
  30. Es justo lo que necesitaba mi blog para ser mas rápido, Genial Potro!

    El gran experto de los blogs en blogger!! jeje

    Saludos!

    ResponderEliminar
    Respuestas
    1. Experto en nada, bueno, en otras cosas, jaja, pero en Blogger no. Saludos.

      Eliminar
  31. Genial me sirvió de maravilla, quisiera hacerte una petición si se puede, mira si entras en mi blog http://itvez.blogspot.com, veras que tengo una sidebar relativamente corta, lo que quiero hacer es que cuando recorra la pagina hacia abajo para ver el contenido, el ultimo widget de la sidebar se quede a una altura media y se recorra hacia abajo o hacia arriba junto con el contenido, espero me de a entender, es similar a la sidebar de facibook, cuando recorres hacia abajo y la sidebar se recorre hacia arriba al llegar a los anuncios estos conservan su posición y se recorren hacia abajo como si tuvieran la posición fixed, también en bitelia.com en la pagina de cualquier entrada tienen los botones para compartir contenido en facebook y demás de esta forma, espero me puedas ayudar, creo que con puro css se puede pero no encuentro como hacerlo, gracias y suerte...

    ResponderEliminar
    Respuestas
    1. En el caso de bitelia no veo nada flotante, ahí lo que pasa es que la imagen de fondo del contenedor de las entradas y la sidebar es uno mismo, por eso si vas hasta abajo sigues viendo ese fondo blanco, pero es por eso, porque el contenedor que alberga esos dos elementos comparten el mismo fondo.

      Eliminar
    2. Aquí te dejo un par de imágenes para que veas a lo que me refiero, esto se paresia en la pagina de la entrada, y lo que quiero hacer en el sidebar, espero te des una idea y se pueda hacer, gracias...

      http://img88.imageshack.us/img88/457/bitelia1.jpg
      http://img441.imageshack.us/img441/3745/bitelia2.jpg

      Eliminar
    3. Ah vaya, te refieres a los botones de las redes sociales, creí que hablabas de la sidebar.
      Por ahora no tengo algo exactamente igual, únicamente este método que es para ponerlos flotantes, pero no se detienen:
      http://ciudadblogger.com/2011/07/botones-flotantes-para-compartir-de.html

      Eliminar
    4. ok, bueno ese efecto de los botones lo quiero aplicar al sidebar de mi blog, hacer que flote y eso es fácil, el problema es hacer el efecto de posición absoluta o relativa y que cambie a fixed, bueno si encuentras una solución no dudes en mandármela, gracias...

      Eliminar
    5. Ok, bueno el efecto de los botones lo quiero aplicar únicamente al ultimo widget de la sidebar de mi blog, para que este continué mientras te desplazas por las entradas, hacerlo que flote no tiene mayor ciencia, pero hacer que se detenga en cierta posición es lo complicado XD, parece que de posición absoluta/relativa cambia a posición fixed, bueno si logras encontrar una solución te agradeceré que me la comentes, gracias...

      Eliminar
    6. Hola Potro también me incluyo en la petición de Emmanuel ya que me interesa esto que dice él, pues hace poco se me ocurrió lo mismo y por eso llegué hasta aquí gracias al tu buscador potro

      Cito una parte de lo que dice Emmanuel:

      lo quiero aplicar únicamente al ultimo widget de la sidebar de mi blog, para que este continué mientras te desplazas por las entradas, hacerlo que flote no tiene mayor ciencia, pero hacer que se detenga en cierta posición es lo complicado

      O sea que ese widget se mantenga visible en la sidebar aunque se llegue al final del post, gracias y mil disculpas por entrometerme en su discusión, saludos

      Eliminar
    7. Hola Julio, después trabajaré sobre ello, saludos.

      Eliminar
    8. Gracias por responder potro, estaré pendiente

      Eliminar
  32. A mi no me funciona www.moviesonelin(punto)com parece que es por el slider, todas las imagenes se me quedan apagadas. Tuve quitarlo...

    ResponderEliminar
    Respuestas
    1. Hola Jorge, mira la actualización de la entrada, para que el script sólo se aplique a las imágenes de las entradas y así no te dé problemas con las imágenes de los demás elementos.

      Eliminar
  33. muchas graciasssssssssssssssssss mi genio, entre otras muchas cosas
    admiro tu gran paciencia con las novatas como yo y te doy las gracias por ello

    ResponderEliminar
  34. muchas graciassssssssss mi genio entre muchas cosa admiro tu paciencia con las novatas como yo

    ResponderEliminar
  35. Algo así estaba esperando con ancias, Muchas Gracias

    ResponderEliminar
  36. Anda perfecto, pero como hago para que las imagenes de la sidebar aparezcan siempre, y no a medida que bajo la pagina? O sea, que el scrip no "toque" las imagenes de la sidebar.

    ResponderEliminar
    Respuestas
    1. Hola Benjamín, mira la actualización de la entrada, ahí dice cómo hacer para que sólo se aplique a las imágenes de las entradas y no toque lo demás.

      Eliminar
    2. Potro gracias por la respuesta, pero al reemplazar esa línea el efecto lazy load ya no funciona más.

      Eliminar
    3. Entonces debe ser que tu plantilla no tiene el área de los posts definida con la misma clase que las demás. ¿En cuál blog lo has puesto?

      Eliminar
    4. lo he puesto en http://dg-visual.blogspot.com.ar/ pero lo quité por ese problema que me genera.

      Eliminar
    5. lo he puesto en http://dg-visual.blogspot.com.ar/ pero lo quité por ese problema que me genera.

      Eliminar
    6. Cámbialo por esto:
      $('.post-body img').lazyload({

      Eliminar
    7. Muchísimas gracias Potro, anda perfecto!!

      Eliminar
  37. Quiébole Potro, buena noche:

    Muchos visitantes sólo esperan 3 ó 5 segundos al entrar a una página o blog, si no se abre completa en ese lapso nos dicen (decimos) adiós =( así que tu script es excelente para TODOS.

    Yo subí el script esperando que más adelante, cuando tenga más entradas con fotografías, fuera más ligero el blog, pero como tengo un slide dedicado a mi Chihuahua no corrían las fotos sino que se quedaba fija la primera de ellas así que decidí eliminar el script.

    ¿Puedo hacer algo más para conservar el slide y aparte aligerar el blog cuando tenga más entradas con fotografía?

    Gracias y descansa.

    ResponderEliminar
    Respuestas
    1. Sí EL GARRICK, de hecho ya hice una actualización de la entrada para que el script no toque las imágenes que no sean de las entradas, así que ya puedes usarlo sin problemas ;)

      Saludos.

      Pd. ♪ ¡Qué bonito es Chihuahuaaaa! ♫

      Eliminar
  38. hay muy bueno justo lo que buscaba
    ya que tarda demasidado mi blog y siento q pierdo publico
    lo pondre a prueba

    x cierto me gustaria poner las respuestas a los comentarios como los de tu blog, ya que lo intente y se desconfigura todo y todo se mueve
    podrias poner como?

    saludos y gracias :D

    ResponderEliminar
    Respuestas
    1. Mira en Oloblogger y Vagabundia, ahí tienen mucha info sobre los comentarios anidados.
      Saludos.

      Eliminar
  39. listo ya lo puse carga super rapido gracias potro

    ResponderEliminar
  40. Excelente ahora mi blog carga más rápido

    ResponderEliminar
  41. Muchas gracias, lo he probado con la actualización y no me da problemas, acelera un poco la carga del blog y el efecto sobre las imagenes de la entrada es bastante chulo..

    Otra cosilla, como puedo modificar el orden de carga. Puse una cabecera que cambia cada vez que cargas la página pero no es lo primero que carga al entrar en el blog. A veces casi ni se aprecia, pero otras si.

    Te dejo una entrada para que lo veas.

    http://robinju.blogspot.com.es/2012/04/la-aldea-de-las-mujeres-jirafa.html

    Muchas gracias. La mayoría de recursos que he instalado en el blog te los debo a ti.

    Un abrazo desde Cádiz

    ResponderEliminar
    Respuestas
    1. Cualquier navegador carga todo de arriba a abajo y de izquierda a derecha, eso no se puede cambiar.
      Lo que sí puedes hacer es alojar las imágenes de tu cabecera en Picasaweb, ahí las imágenes cargan más rápido que en Dropbox.

      Otro abrazo para ti.

      Eliminar
  42. Hola Potro, en alguna otra ocasión ya probe este Script, y la verdad es que me gustaria ponerlo, pero cuando entras en los post todas las imagenes que estan centradas las desplaza al margen izquierdo, no se donde estará el problema. Quedo a la espera, por si encontrarias álguna solución.
    Un abrazo.

    ResponderEliminar
    Respuestas
    1. No sé si ya hayas probado el de esta entrada, pero yo lo he probado en algunos blogs y en ninguno me modifica la alineación de las imágenes.

      Eliminar
    2. Potro, mira este enlace, es de mi blog de pruebas, comprobaras lo que te comento. http://pruebasciudadpc.blogspot.com.es/2012/02/hibrido.html

      Eliminar
    3. Debe tratarse por algún estilo o modificación que hayas hecho a la plantilla, porque acabo de descargar esa que usas (Aristo), la puse en un blog de pruebas con imágenes centradas, coloqué el plugin y todo funciona bien, el plugin funciona y las imágenes se mantienen centradas.

      Eliminar
    4. Gracias Potro, la verdad es que este problema lo tengo desde muchísimo tiempo (intente instalarlo hace lo menos un año) y pense que seria el plugin, así que no sé cual sera lo que verdaderamente ocurre, y lo peor de todo es que haber donde esta el fallo... y cómo solucionarlo, vamos que estoy atado de pies y manos. Así que se quedara como esta.
      Un abrazo

      Eliminar
  43. Sinceramente te agradezco una y otra vez por todo lo que nos transmitís logrando buenos resultados como estos en http://psicologia-terapias.com

    ResponderEliminar
  44. Hola chicos, yo tenia una pregunta, hice una plantilla en artisteer para blogger y lo que me pasa es que los otros dias se me redujo el fondo a un cuadrado pequeño y ya no me cubre mas el blog... Desearia que si me pudieran contestar me lo digan! Desde ya muchisimas gracias y saludos desde argentina...

    PD esta es la direccion del blog: http://breezesims3.blogspot.com.ar/
    No soy bueno en esto y se que el comentario no va por aca... Pero siempre me ayudan con las genialidades de este blog...

    ResponderEliminar
    Respuestas
    1. Hola Breeze, de Aristeer no sé nada, pero veo que la imgen que pusiste de fondo es pequeña de por sí, por eso no cubre la mayor parte del blog:
      http://img835.imageshack.us/img835/3676/bottomtexturevg.jpg

      Eliminar
  45. hola, muchas cosas de tu blog no me las deja poner porque siempre me da el fallo:

    No hemos podido completar tu solicitud.

    Cuando informes de este error al servicio de asistencia de Blogger o en el Grupo de ayuda de Blogger:

    Describe lo que estabas haciendo cuando se produjo el error.
    Incluye el siguiente código de error.

    bX-2rpmlc

    me podrias ayudar? gracias.

    ResponderEliminar
    Respuestas
    1. Prueba eliminar las cookies y caché de tu navegador, o bien, intenta desde la interfaz antigua.

      Eliminar
  46. Potro, este script puede poner lenta la carga de la publicidad de adsense?

    ResponderEliminar
    Respuestas
    1. No, pero supe de alguien que AdSense está tardando en cargar estos últimos días. Aun así prueba quitar el script y mira si hay diferencia en la velocidad de carga de los anuncios.

      Eliminar
  47. Hola Potro, muy bueno para mi blog, pues mis entradas tienen muchas imágenes y por eso la carga de el sitio es muy lenta, implementé el script y el resultado es muy bueno... gracias

    ResponderEliminar
    Respuestas
    1. Me da gusto que te haya dado buenos resultados Peter :)

      Eliminar
  48. Ya era un poco molesto lo lento que era mi blog xD!....Eres un bloggenio =D gracias excelente aporte

    ResponderEliminar
  49. Gracias Potro!!! SOS LO MAS!!!!!!!!!!!!!!! Muchisisisisisisisisisimas gracias!!!!!! Todo lo que tenes en tu blog es PURO OROOO!! Todo les sirve, Eres super grosooo!! Gracias gracias gracias!!!!

    ResponderEliminar
    Respuestas
    1. Gracias a ti por tan efusivo comentario :)

      Eliminar
  50. ¡Ay, Potro! Acelera la carga del blog, sí, pero no me gusta cómo quedan las imágenes de las entradas (creo que mi plantilla es de esas que se llaman "minimalista" o algo así, tú me corregirás). Al no verse la miniatura en la entrada, pues no luce muy bien que digamos X( ¡Buaaaah!!!

    ResponderEliminar
    Respuestas
    1. Pues apenas se baje el scroll deben aparecer las imágenes, así que la miniatura se deberá ver. Aun así es un script opcional nada más ;)

      Eliminar
  51. Hola Potro,

    Llevo unos días visitando tu blog porque estoy remodelando el mío entero y me está siendo de mucha utilidad. Anteriormente seguía a Rosa del escaparate, que en paz descanse pues ella también me ayudó muchísimo.

    La cosa es que ya he estado haciendo algunas cosillas aquí y allá, pero resulta que he implementado una plantilla de Btemplate, concretamente la llamada Olimpus. Ésta no trae la fecha integrada en las entradas y he estado buscando en tu blog si viene algo referente a ello y no doy con nada.
    Te escribo por si me pudiera echar una mano para que salga dicha fecha en una plantilla predeterminada de Btemplate.

    Ya sé que no es la entrada adecuada para hacerlo, pero es que tampoco encontré dirección de contacto para enviarte la consulta al correo.

    Disculpa las molestias y muchísimas gracias.

    PD: La remodelación del blog no la estoy haciendo en el principal, primero en uno de pruebas y luego paso todo al principal, es este por si quieres echar un vistazo http://pruebablogan.blogspot.com

    ResponderEliminar
    Respuestas
    1. Hola Pablo, busca en la plantilla esta línea y elimínala:
      h2.date-header{margin:1.5em 0 .5em;display:none;}

      Con eso aparecerá la fecha en caso de que ya esté activada.
      Saludos.

      Eliminar
    2. Muchísimas gracias El Potro, yo pensaba que era más de añadir que de eliminar jejeje.

      Un saludo!

      Eliminar
    3. Vaya, disculpa por volver a molestarte con este tema que no tiene que ver con el de la entrada. No te lo dije en el anterior mensaje porque pensaba que era fácil, pero llevo un rato indagando por la plantilla y por google y no doy con la solución.

      Como verás, la fecha me sale en un formato horrible, la letra es tan grande como el titulo y del mismo color. Y no tengo ni idea de como poder cambiar esto, ya que la fecha por lo que veo no tiene formato para cambiar los px y demás... Hay opción de ello?

      Muchas gracias!

      Eliminar
    4. Pues ahí mismo le puedes añadir los estilos que quieras:
      h2.date-header{
      ....Aquí los estilos que quieras....
      }

      Eliminar
  52. Hola potro es jim 011, y quería que me ayudaras en algo mas que muy complicado!!!!, mi blog tiene un tamaño de ancho de plantilla muy grande que en algunos cp no encajan y deben poner el zoon en 90 o 75 por eso he tenido malos comentarios y entonces quiero que me ayudes... Intenté poner la plantilla mas pequeña en "diseñador de plantillas" y me ocurrió lo siguiente... las imágenes que yo antes de publicar configuré como extra grande sobre sale del blog y se ve espantoso y la única manera que yo veo de arreglar eso es que cada unas de las imágenes edite de las 258 entradas que tengo edite entrada por entrada cada imagen hasta ponerlas en grande y no extra grande!!!, y si lo hago así las visitas de mi blog verán los cambios en fin será de lo peor... allí es que quiero y necesito que me ayudes!!!!, no existe algún código que haga que las imágenes extragrande se puedan cambiar de tamaño? por favor necesito tu ayua, graaass!!!

    ResponderEliminar
    Respuestas
    1. Hola jim 011, lo que puedes hacer es poner ancho máximo para las imágenes desde el área de los estilos:
      .post img {
      max-width: 400px;
      }

      Eliminar
  53. Hola potro, siempre que intento instalar algo de tu blog modificando la plantilla, a la hora de guardar me salta el error blogger bX-2rpmlc a que se debe? como lo puedo arreglar?

    ResponderEliminar
  54. potro gracias eres el mejor de verdad mas que muchíssssimas gracias!!!

    ResponderEliminar
  55. Hola Potro.

    Esta muy bueno esto para mejorar la velocidad del blog, pero cuando lo puse noté un problema con las galerías de imágenes que tengo las cuales tienen un efecto de zoom en las imágenes cuando pasas el cursor sobre ellas. El problema es que con este efecto de lazy load las imágenes ven disminuyendo su ancho a medida que aparecen y otras veces se comprimen hasta que desaparecen.

    Te dejo una imagen para que veas lo que pasa
    http://tinypic.com/r/6fqo49/6

    Y mi blog es www.arteentorno.com

    Ojala pueda aplicar este efecto a este tipo de galería.

    De antemano te agradezco mucho y que tengas un buen día.

    ResponderEliminar
    Respuestas
    1. Hola Victor ignoro porqué suceda eso, en la mayoría de las plantillas y blogs todo funciona bien, pero siempre hay casos aislados en los que ciertas características no puedan funcionar o verse bien.
      Buen fin de semana.

      Eliminar
  56. vale tio quiero saber si solo haciendo estos paso, se pone mas rápida mi pagina con las imagen y necesito alojar algún script en algun servidor?

    ResponderEliminar
    Respuestas
    1. Ambas preguntas se responden leyendo la entrada ;)

      Eliminar
  57. ami siempre me pasa algo :S porque el lazy load me modifica la plantilla? los botones de etiquetas y tal y cual ...nose es como que me lo desconfigura :SSS nose explicarme aver tengo unos botones laterales en los que pone las noticias mas vistas las etiquetas y ts3... pues en vez de eso me pone su contenido todo seguido en el primer item :S

    blogp3ru.blogspot.com

    ResponderEliminar
    Respuestas
    1. No he entendido Jon, ¿qué es exactamente lo que te modifica? Entré a tu blog pero no lo vi puesto.

      Eliminar
  58. Hola Potro!
    Me parece útil este procedimiento, solo que en mi caso no creo que lo use, pues no tengo tantas imágenes pesadas en mis blogs. Bueno, al respecto, una consulta.
    Si subo una imagen en un post normal, sabemos que Bloger nos crea dos url en la entrada para esa imagen: una, que es el thumbnail; y la otra, la de su tamaño real cuando la abrimos.
    Bueno, siempre he supuesto (y no sé si estoy equivocada) que si ponemos un thumbnail mucho más liviano que la imagen original (aunque la original seas más pesada), el tiempo de carga en el blog será solo el tiempo que tome en cargar ese thumbnail. Quisiera que me indicaras si estoy en lo correcto.
    Es que en algunos casos tengo imágenes pesadas, pero no posteadas directamente en su tamaño real, sino que se abren con target blank; pero sus thumbanails sí son pequeños y livianos. ¿Siendo así, eso ayuda a que la carga del blog no sea tan lenta? Ilústrame, por favor.
    Y una última pregunta: una vez leí en algún lado que cuando ponemos una imagen es mejor si especificamos en el código con su url también su with y lenght, lo cual facilita la carga del blog.
    La explicación que leí decía que cuando las imágenes son algo pesadas o son muchas, al navegador se le dificulta ir cargando las otras cosas de la página, porque tiene que esperar a que vaya cargando cada imagen. Pero que si especificamos las dimensiones para cada imagen, ya el navegador va dejando separado de antemano el espacio para ellas, aunque éstas todavía no se hayan terminado de cargar. Y entonces, el navegador puede proceder a seguir cargando los demás elementos de la página, sin tener que detenerse a esperar a cada imagen. ¿Es eso cierto?
    Es que yo aplico ese sistema muchas veces, pero quería saber si en realidad tiene provecho o no.
    Ojalá me haya dado a entender y disculpa por haberme extendido.
    Muchísmas gracias por toda tu atención y por compartirnos tus conocimientos.
    Saludos!

    ResponderEliminar
    Respuestas
    1. Estás en lo cierto Vicky, si la imagen en miniatura es más pequeña tardaré menos en cargar, en sí aquí no importa el tamaño de la original, ya que esa no carga hasta que se da click en ella, la que carga es la miniatura, en ella debemos procurar que el tamaño no sea muy grande.

      Lo otro que has leído nunca lo había escuchado, no sabría decirte qué tan cierto es, habría que ver cuáles son las fuentes de quien asegura tal cosa.

      Saludos!

      Eliminar
    2. Hola Potro.
      Gracias por sacarme de dudas.
      En cuanto a lo segundo, no recuerdo dónde lo leí, pero si lo encuentro de nuevo, te envío la fuente.
      Gracias nuevamente por todo y saludos!

      Eliminar
  59. Excelente post....Muchas grx Potro por tus aportes

    ResponderEliminar
  60. potro: ha pasado 1 semana app desde que lo instalé y tengo problemas,
    ya no se ve ninguna imagen en mi blog..

    ayudame porfavor :)

    ResponderEliminar
    Respuestas
    1. ¿En cuál blog tienes el problema? ¿ya has verificado si quitando el script se vuelven a ver las imágenes?

      Eliminar
  61. Hola Potro. ¿Al tener Scriptaculous no tengo que hacer nada de esto http://ciudadblogger.com/2011/02/usar-jquery-y-scriptaculous-al-mismo.html al poner este script?
    - Para quitar el enlace que aparece debajo de los títulos de los post, lo de Publicado por (que está al lado de la fecha de los post) cómo puedo quitar el enlace y dejar el nombre del blog sin enlace?
    - Cuando dejan un comentario y aparece el nombre de quien comenta cómo se puede hacer para cuando se de click se abra la página en otra ventana?
    Saludos

    ResponderEliminar
    Respuestas
    1. Si usas Scriptaculous debes aplicar el truco anterior (el enlace que mencionas) cuando requieras de algo que involucre a jQuery.
      Lo segundo puedes hacerlo entrando a los elementos de la página, haciendo click en Entradas del blog puedes desmarcar lo que no quieras que se vea.
      Para lo otro busca esta línea:
      <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

      Y cámbiala por esta otra:
      <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a>

      Si la tuvieras dos veces aplica el cambio para ambas o todas las que tengas.
      Saludos.

      Eliminar
    2. Hola Potro.
      Estoy colocando comentarios anidados, y ya no me funciona lo que me recomendaste en esta respuesta para abrir en otra ventana los enlaces del nombre del comentarista
      ¿Hay otra manera para que funcione?
      Otra cosa el código que hay que modificar para los comentarios anidados http://www.oloblogger.com/2012/01/insertar-respuestas-replies-blogger-en.html a mi me sale por dos veces en la plantilla. ¿qué salgan muchos código por dos veces en la plantilla es por estar optimizada verdad?
      Saludos

      Eliminar
    3. En los comentarios anidados no funciona ese truquillo.
      En las plantillas los códigos suelen aparecer dos veces, esto es porque uno es para la versión Web y otra para la versión móvil, desde hace algún tiempo Blogger agrega los códigos dos veces por esa razón.
      Saludos.

      Eliminar
  62. muchas gracias por todos tus consejos soy asiduo en leer tus entradas, gracias por tan valiosos aportes

    ResponderEliminar
  63. porque las imágenes de mi Blog aparecen blancas?

    ResponderEliminar
    Respuestas
    1. Habría que ver una entrada de tu blog donde te suceda eso.

      Eliminar
  64. Su artículo fue plagiado,mira:

    http://www.bloggermin.com.br/2012/04/acelere-o-carregamento-do-blog-com-lazy.html

    ResponderEliminar
    Respuestas
    1. Gracias Kemuel, cada vez me extraño menos que pase :/

      Eliminar
  65. buenas potro, como siempre y antes que nada GRACIAS !!! , me sirven muchisimos los consejos y lo que pones, bueno vamos al grano.
    quise poner esto en el blog, ya que lo noto que va lento, es logico muchas cosas, y resulto que no va , lo ultimo que le agrege fue lo de la barra de carga 0 a 100 que me gusta muchisimo !!! y cuando lo grabe la plantilla con la modificacion quedo en 0 , no se el porque , me podrias ayudar.

    mi blog es mirandoelbierzo.com

    un abrazo grande potro.

    ResponderEliminar
    Respuestas
    1. Hola CHE, gracias a ti por tu comentario.
      Puede ser porque tienes dos versiones de jQuery y debes tener sólo una. Prueba quitando esta línea y mira qué tal funciona:
      <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>

      Eliminar
    2. perfecto !!!! eres un crack

      Eliminar
  66. hola, esta muy buena la aplicación, pero solo para las entradas =/.
    Para la sidebar no funciones, mas bien desaparece las imágenes D:

    ResponderEliminar
    Respuestas
    1. Hola Park Su Min, se aplica a todo el blog, sólo se aplica en las entradas en caso de que hayas hecho el cambio que se menciona en la actualización.

      Eliminar
  67. uff estaba asustada, eso me pasa por no leer todo. xD

    ¡Muchas Gracias!, me encanta tu web *.*!

    ResponderEliminar
  68. Una consulta más? xD

    Esto afecta la velocidad al cargar el blog en un móvil?

    ResponderEliminar
  69. hola potro

    no logro hacer que funcione esto en mi blog y en verdad lo necesito

    podrias ayudarme??

    este es mi blog http://retofotografia.blogspot.mx/

    ResponderEliminar
    Respuestas
    1. Es porque usas Scriptaculous, quizá tengas que cambiar esto:
      $(document).ready(function($){
      $('img').lazyload({


      Por esto:
      jQuery.noConflict();
      jQuery(document).ready(function(jQuery){
      jQuery('img').lazyload({

      Eliminar
    2. gracias potro, intentare saludos

      Eliminar
    3. gracias si me funciono hermano...
      me dio el error de los gadgets pero al final lo puse asi:

      jQuery.noConflict();
      jQuery(document).ready(function(jQuery){
      jQuery('.post img').lazyload({

      y con eso quedo, muchas gracias de nuevo.

      Eliminar
  70. Potro! a ver si me ayudas con esto jaja, las imágenes de mis entradas se van cargando a medida que bajo el scroll como deberia ser, pero en la pagina principal de blogger, donde aparecen listadas las entradas, las imágenes de estas no se ven! Sólo se ven si entro a dichas entradas, pero en la home no D:
    Si me podés ayudar con eso sería genial ^^
    Saludos!

    ResponderEliminar
    Respuestas
    1. ¿En cuál blog CyberPunker?

      Eliminar
    2. www.archivocyberpunk.blogspot.com

      Eliminar
    3. No sé si ya lo habrás quitado, pero yo veo todas las imágenes bien.

      Eliminar
    4. si, lo he quitado xD Debo implementarlo de nuevo para que puedas decir que está mal?

      Eliminar
    5. disculpa la molestia Potro, ahí lo solucioné. el problema, más que problema sería uso incorrecto del código xD, era que yo cambiaba lo que está en rojo por este $('.post img').lazyload({
      para que sólo afectara las imágenes de las entradas, y las de la página principal no se veían, al dejarlo como estaba en el codigo (sin modificar lo que está en rojo) lazzy load funciona en todo el blog correctamente.
      Gracias por tu ayuda de todos modos xD

      Eliminar
  71. potro habra alguna forma que el efecto no solo funcione con el scroll sino que cada que veas una Tab (en mi caso).

    Digamos yo tengo en una pagina del blog unas tabs y para optimizara la carga del blog quiero que cada que vea una tab funcione el efecto y por lo que se ese efecto esta para que se vean solo cuando bajes al scroll.

    me pregunto si tendre que cambiar un codigo para hacer lo que quiero, espero y e entiendas potro se que eres el mejor y por eso pido tu ayuda.

    ResponderEliminar
    Respuestas
    1. No aaron, el script no tiene esas opciones :(

      Eliminar
  72. Hola potro tengo una duda, en mi blog no me carga las imágenes en el inicio pero en las entradas si ¿sabes por que sucede esto? Gracias.

    ResponderEliminar
    Respuestas
    1. No sabría decirte por qué, pero si ha sido a raíz del script entonces úsalo para que se aplique sólo en las entradas.

      Eliminar
  73. Hola Potro ¿como vas?, espero que bien

    Me gustaría saber si éste script puede aplicarse solo a una o dos entradas del blog
    No se si recuerdas que ando liada para poner un índice con miniaturas de imágenes y más o menos creo que ya se como voy a hacerlo pero, entonces habría muchas miniaturas de imágenes en una misma entrada y quería saber si éste script se puede aplicar solo en esa entrada, ahhhh ¿también se podría aplicar en la entrada donde puse el índice o site map que tienes tú?, como lo puse con varias llamadas al script, una para cada etiqueta, carga bastante lentamente

    Otra cosa, acabo de probado el script y resulta que, en la portada, solo me salen 3 ó 4 imágenes de las entradas, el resto se queda con un rectángulo blanco y no se ven las imágenes, ¿quizás sea porque tengo puesto tu truco de http://ciudadblogger.com/2011/01/leer-mas-con-imagenes-en-miniatura.html?, de todas maneras, lo quité pero me gustaría saber si sabes a que es debido eso

    Saludos y hay que ver todo lo que sabes sobre éstas cosas y lo reconozco ¡¡que envidia me das!! y eso que dicen que la envidia es muy mala, jajajaja

    ResponderEliminar
    Respuestas
    1. Hola Ana, puedes encerrar el script en una condicional para que éste sólo se ejecute en una entrada específica:
      http://ciudadblogger.com/2010/03/condicionales-de-blogger.html

      Lo otro no sé porqué pueda ser, dudo que sea por el Leer más, pero si lo pondrás sólo en una entrada no creo que debas preocuparte por ello.

      De envidia no sientas nada, no creas que sé mucho, yo diario aprendo junto con ustedes ;)

      Eliminar
    2. Graciassssss, ya he mirado esa entrada y me da mucha rabia no haberlo pensado y haberte molestado por ello ya que creo que es lo mismo que hice gracias a ti para que ocultar la sidebar y otras cosas en la página de mi índice
      Tengo otra pregunta relacionada con eso, aunque creo que se como hacerlo, veamos si soy un poco lista, jejeje, si quiero poner dos entradas con el mismo condicional ¿debería ponerlo así?

      <b:if cond='data:blog.url == "URL de la primera entrada"'>
      <b:if cond='data:blog.url == "URL de la segunda entrada"'>
      ...Aquí el script...
      </b:if>
      </b:if>

      Y otra cosa, ¿éste script Lazy Load sirve igualmente para imágenes y para texto?

      Y sigo sintiendo envidia, jajajaja

      Eliminar
    3. Sí, así debería funcionar, en caso de que no entonces pondrías una condicional, dentro el script, y después repetir el código pero con otra URL, pero eso sólo en caso de que así no funcione.

      El Lazy Load es sólo para imágenes :(

      Eliminar
    4. Si solo funciona para imágenes , entonces solo me vale para una entrada, ya no necesito poner dos condicionales
      Muchísimas gracias Potro, que tengas una buena semana

      Eliminar
  74. Yo puedo poner varios codigos en la plantilla eso no danaria la presencia de mi blog o los elementos al cargarse yo quiero hacer una pregunta e estado buscando y buscando y buscando un codigo para hacer un slide de imagenes en el titulo del blog como una verdadera pagina web pero me encuentro con un problema e visto como ponen pantillas en el blog e seguido todos los pasos y no puedo ir a la plantilla antigua de blogger por lo que no puedo poner e estado aprendiendo codigos css que no me sirven en realidad no tienen ningun efecto por lo que quisiera energicamente un codigo para poner varias imagenes de titulo te lo agradeceria muchisimo

    ResponderEliminar
    Respuestas
    1. No he comprendido bien el problema, ¿a qué te refieres con que no puedes ir a la plantilla antigua de Blogger?

      Eliminar
  75. Mi querido amigo de nuestras multiples personalidades =)
    Como van tus cosas, se solucionan? Puedo ayudar?
    Hace tiempo que coloqué Lazy Load y funcionaba bien, pero hoy me está sucediendo que las imágenes en lugar de mostrarse todas a la vez, se van mostrando de a una por vez hasta llegar a completar las 12 de la portada. Hoy cambié la versión de jQuery a 1.9.1 pero no es la solución. Te puedes fijar o decirme que puedo hacer como alternativa (por favor te pido que no me digas DEJA DE MOLESTAR, porque eso no lo voy a hacer) jajajaja. te recuerdo el blog = http://revistastrucoslanas.blogspot.com/
    Gracias y espero tus gratos comentarios.

    ResponderEliminar
    Respuestas
    1. Hola, todo mejor, gracias :)
      Si no has hecho ningún cambio, ni añadido nada nuevo entonces debe ser la forma como está cargando el navegador los elementos, aun cuando las entradas se muestren como miniposts se siguen cagando de arriba a abajo, de izquierda a derecha.
      Si por el contrario hiciste algún cambio entonces deshazlo.
      Saludos.

      Eliminar
    2. Cambios NINGUNO, solo actualice el jQuery 1.9.1 pero lo hice para ver si mejoraba. El problema ya estaba sucediendo.
      Yo creo que es porque se carga la publicidad de IW. Es a lo único que puedo atribuirlo y no me parece razonable, porque NO ESTABA sucediendo y la publicidad la tengo hace casi un mes, entre medio las idas y venidas de Adsense, y no hacía este problema. Por estos motivos se me ocurrió preguntarte.
      Si se te ocurre algo o algún truco, POR FAVOR AVÍSAME.
      Me alegra que todo esté "mejor". Un abrazo y gracias.

      Eliminar
    3. No se me ocurre nada más, excepto que quites la publicidad sólo para ver si eso lo resuelve, al menos así sabrías si es o no el causante.

      Eliminar
    4. Gracias por tus comentarios. Paralelamente me comuniqué con IW y me propusieron hacer un fichero publi_iw.html - y dijeron "Dentro debes incrustar nuestro código. - Una vez este hecho eso en el sitio de tu web donde quieres mostrar el banner debes poner un código como este" cuando dice ÉSTE deja en blanco, pero en IW aparece el código con un iframe dentro, así que supongo será eso. Lo que no se de que se trata el "fichero public_iw.html" Me puedes dar una pista?
      Se que no tiene que ver contigo y tienes total libertad para decir NO PUEDO.
      Un abrazo y gracias como siempre.

      Eliminar

Los comentarios están siendo moderados y serán publicados una vez que hayan sido revisados por un administrador.
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