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'/>Guarda los cambios y listo.
<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:'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgydu945FmUyQ9ywWNpRnIDlY_GuxnNWFtx_zNbO6CwPWJ2izgu3uYkpWJlLK1YMjhPpvfDZtfxBI2hvYXb23ne5W8eMiO0ObZTn2Rm2slmbUB2yOUepgqH7XzmVdIYvg28bFnHIK-lzRU/s1/bg_placeholder.png'
});
});
//]]>
</script>
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.
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({
genial lo implementare en mi blog.
ResponderEliminargracias por tus sabios consejos Potro
Muy muy sabios no son, pero gracias :D
Eliminarpotro 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!!
EliminarEn Configuración > Entradas y comentarios busca donde dice "Mostrar enlaces de retroceso", ahí los puedes ocultar.
Eliminarpotro siempre lo digo eres un monstruo saludo hermano!! gracias por todo
Eliminarhola me venido genial porque precisamente hace unos dias me habian comentado que mis dos blogs cargaban con un poquito de dificultad
ResponderEliminargracias, 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/
Nunca será molestia un comentario tuyo zerezas, nunca de los nuncas.
EliminarMuchas gracias Potro, nunca creí que respondieras a mi petición tan rápido.!!
ResponderEliminarUn abrazo viejo.
Es que éste era muy sencillo, así que podía sacarlo rápido ;)
EliminarUn abrazo.
Funciona genial en Wevoluciona :D
EliminarPor cierto, la esa imagen de bart y homero no tiene nombre.. ja ja ja
Gracias!!
Jaja, está genial la imagen ¿no? :D
Eliminar-Primeroo jaja-
ResponderEliminarSiempre 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.
Vaya, al final no soy el primero el comentar y es que tienes la moderación activada XD
ResponderEliminarQué palo me he llevado +_+'
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 :)
Eliminara mi me pasó dije wow por fin seré la primera..!! XDDD
EliminarHola, 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.
ResponderEliminarHola 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í.
EliminarLo 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.
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:
ResponderEliminarPrimero 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.
Puede ser porque es la única entrada que tienes publicada, así que no te has posicionado bien.
EliminarLo 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 ;)
Que bien..!! no sé que más me gustó, las fotos están hermosas..!! Saludos Potro..Y gracias. =D
ResponderEliminarY eso que iba a poner fotos mías, jaja, no, no es verdad.
Eliminar=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..!!
EliminarPotro muchas gracias, excelente.
ResponderEliminarFelicidades
Por nada Gilberto. Saludos.
EliminarExcelente aporte gracias buen día ^^
ResponderEliminarGracias Anny MN, buen día.
Eliminarbuenísimo Potro!! lo probaré en mi blog. Saludos!
ResponderEliminarQue todo salga bien Marcos. Saludos.
EliminarHola 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?
EliminarGracias, Saludos!
Ni idea Marcos, yo lo he probado en varias plantillas y en ninguna me ha dado problemas.
Eliminarle quité esto:
Eliminar.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!
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.
EliminarSaludos.
Muy bueno. Realmente útil para fotologs y similares
ResponderEliminarY 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.
EliminarBuenísimo Potro!! lo probaré en mi blog. Saludos!!
ResponderEliminarHola 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.
ResponderEliminarEl blog: http://grupoblogin2.blogspot.com
EliminarHola Josep-Pepe, cambia esta URL del script:
Eliminarhttp://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.
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...
ResponderEliminarMuchísimas gracias, Potro.
Un beso enorme
Lo que pasa es que tampoco pones muchas fotos en la portada, así que aún no es algo que te afecte ;)
EliminarOtro beso para ti.
que bien!!! sobre todo por que en mi blog doy wallpapers en HD xD gracias!!
ResponderEliminarEn ese tipo de blogs es muy usado de hecho ;)
EliminarGENIAL, MIL GRACIAS, AMIGO.
ResponderEliminarPor nada Enrique. Saludos.
Eliminargenial amigo potro era lo que necesitaba, mis blogs estan algo pesados. saludos
ResponderEliminarhttp://filosofomemes.blogspot.com
Pues ojalá entonces el script te pueda ayudar un poco. Saludos.
EliminarInmediatamente se ve la diferencia en la carga. Gracias.
ResponderEliminarEn 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.
EliminarEs 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.
ResponderEliminarCualquier enlace es bien recibido, gracias por ello :)
EliminarLa sección de banners la tengo un poco escondida, pero está hasta arriba del blog :)
Esta muy interesante y lo implemente en mi blog, pero las imagenes del slider no salen, como podria remediar esto...
ResponderEliminargracias.
Bajando un poco el scroll deben empezar a aparecer todas las imágenes.
Eliminarnop.. 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
EliminarMira la actualización TATO, eso soluciona el problema, siempre y cuando el slider no esté dentro del post.
EliminarEste comentario ha sido eliminado por un administrador del blog.
ResponderEliminarEliminé el comentario por el aviso que está al final de la página.
EliminarSi 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.
tonces lo veo util por que tengo muchas imagenes pero no se si el efecto esta activo
ResponderEliminarEs fantástico y muy interesante para mi blog que esta lleno de imágenes, pero tiene un problemilla.
ResponderEliminarLas imágenes que se ponen como gadget en el lateral no se ven, solo aparece un rectángulo gris.
¿Se puede arreglar?
Espero que sí :)
EliminarCambia 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
Muchas gracias!! ahora queda perfecto y carga fantástico.
Eliminar;-D
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
ResponderEliminarEs que así funciona, las imágenes cargan conforme se mueve uno con el scroll ;)
Eliminarcon podria quitar el efecto desvanecimiento
ResponderEliminarsi me gustaria que cargaran de ultimo las imagenes pero no quiero el efecto desvanemiento cuando aparecen
ResponderEliminarQuita esta parte del script, con eso se irá el efecto de desvanecimiento:
Eliminareffect:'fadeIn',
por cierto seria mas recomendable que el script fuera el primero que cargara despues de < head > no es cierto protro
ResponderEliminarEn este caso no mucho porque el BODY carga después que HEAD, pero ya dependerá de cada caso en particular.
EliminarNi hablar, se acabaron los días de flojera, suerte con tu nuevo trabajo ;)
ResponderEliminarMuy Bueno
ResponderEliminarEs justo lo que necesitaba mi blog para ser mas rápido, Genial Potro!
ResponderEliminarEl gran experto de los blogs en blogger!! jeje
Saludos!
Experto en nada, bueno, en otras cosas, jaja, pero en Blogger no. Saludos.
EliminarGenial 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...
ResponderEliminarEn 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.
EliminarAquí 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...
Eliminarhttp://img88.imageshack.us/img88/457/bitelia1.jpg
http://img441.imageshack.us/img441/3745/bitelia2.jpg
Ah vaya, te refieres a los botones de las redes sociales, creí que hablabas de la sidebar.
EliminarPor 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
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...
EliminarOk, 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...
EliminarHola 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
EliminarCito 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
Hola Julio, después trabajaré sobre ello, saludos.
EliminarGracias por responder potro, estaré pendiente
EliminarVale, pues nos cuentas qué pasó :)
ResponderEliminarwao! justo lo que necesitaba
ResponderEliminarA mi no me funciona www.moviesonelin(punto)com parece que es por el slider, todas las imagenes se me quedan apagadas. Tuve quitarlo...
ResponderEliminarHola 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.
Eliminarmuchas graciasssssssssssssssssss mi genio, entre otras muchas cosas
ResponderEliminaradmiro tu gran paciencia con las novatas como yo y te doy las gracias por ello
muchas graciassssssssss mi genio entre muchas cosa admiro tu paciencia con las novatas como yo
ResponderEliminarAlgo así estaba esperando con ancias, Muchas Gracias
ResponderEliminarPor nada AlexG. Saludos.
EliminarAnda 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.
ResponderEliminarHola 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.
EliminarPotro gracias por la respuesta, pero al reemplazar esa línea el efecto lazy load ya no funciona más.
EliminarEntonces 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?
Eliminarlo he puesto en http://dg-visual.blogspot.com.ar/ pero lo quité por ese problema que me genera.
Eliminarlo he puesto en http://dg-visual.blogspot.com.ar/ pero lo quité por ese problema que me genera.
EliminarCámbialo por esto:
Eliminar$('.post-body img').lazyload({
Muchísimas gracias Potro, anda perfecto!!
EliminarQuiébole Potro, buena noche:
ResponderEliminarMuchos 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.
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 ;)
EliminarSaludos.
Pd. ♪ ¡Qué bonito es Chihuahuaaaa! ♫
hay muy bueno justo lo que buscaba
ResponderEliminarya 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
Mira en Oloblogger y Vagabundia, ahí tienen mucha info sobre los comentarios anidados.
EliminarSaludos.
listo ya lo puse carga super rapido gracias potro
ResponderEliminarExcelente ahora mi blog carga más rápido
ResponderEliminarMuchas 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..
ResponderEliminarOtra 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
Cualquier navegador carga todo de arriba a abajo y de izquierda a derecha, eso no se puede cambiar.
EliminarLo 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.
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.
ResponderEliminarUn abrazo.
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.
EliminarPotro, mira este enlace, es de mi blog de pruebas, comprobaras lo que te comento. http://pruebasciudadpc.blogspot.com.es/2012/02/hibrido.html
EliminarDebe 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.
EliminarGracias 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.
EliminarUn abrazo
Sinceramente te agradezco una y otra vez por todo lo que nos transmitís logrando buenos resultados como estos en http://psicologia-terapias.com
ResponderEliminarGracias a ti por tu comentario!
EliminarHola 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...
ResponderEliminarPD 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...
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:
Eliminarhttp://img835.imageshack.us/img835/3676/bottomtexturevg.jpg
hola, muchas cosas de tu blog no me las deja poner porque siempre me da el fallo:
ResponderEliminarNo 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.
Prueba eliminar las cookies y caché de tu navegador, o bien, intenta desde la interfaz antigua.
EliminarPotro, este script puede poner lenta la carga de la publicidad de adsense?
ResponderEliminarNo, 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.
EliminarHola 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
ResponderEliminarMe da gusto que te haya dado buenos resultados Peter :)
EliminarYa era un poco molesto lo lento que era mi blog xD!....Eres un bloggenio =D gracias excelente aporte
ResponderEliminarGracias Christian, un saludo!
EliminarGracias 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!!!!
ResponderEliminarGracias a ti por tan efusivo comentario :)
EliminarHola Potro,
ResponderEliminarLlevo 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
Hola Pablo, busca en la plantilla esta línea y elimínala:
Eliminarh2.date-header{margin:1.5em 0 .5em;display:none;}
Con eso aparecerá la fecha en caso de que ya esté activada.
Saludos.
Muchísimas gracias El Potro, yo pensaba que era más de añadir que de eliminar jejeje.
EliminarUn saludo!
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.
EliminarComo 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!
Pues ahí mismo le puedes añadir los estilos que quieras:
Eliminarh2.date-header{
....Aquí los estilos que quieras....
}
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!!!
ResponderEliminarHola jim 011, lo que puedes hacer es poner ancho máximo para las imágenes desde el área de los estilos:
Eliminar.post img {
max-width: 400px;
}
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?
ResponderEliminarYa te he respondido más arriba.
EliminarPues 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 ;)
ResponderEliminarpotro gracias eres el mejor de verdad mas que muchíssssimas gracias!!!
ResponderEliminarHola Potro.
ResponderEliminarEsta 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.
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.
EliminarBuen fin de semana.
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?
ResponderEliminarAmbas preguntas se responden leyendo la entrada ;)
Eliminarami 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
ResponderEliminarblogp3ru.blogspot.com
No he entendido Jon, ¿qué es exactamente lo que te modifica? Entré a tu blog pero no lo vi puesto.
EliminarHola Potro!
ResponderEliminarMe 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!
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.
EliminarLo 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!
Hola Potro.
EliminarGracias 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!
Excelente post....Muchas grx Potro por tus aportes
ResponderEliminarGracias a ti por tu visita!
EliminarPerfecto, muchas gracias.
ResponderEliminarpotro: ha pasado 1 semana app desde que lo instalé y tengo problemas,
ResponderEliminarya no se ve ninguna imagen en mi blog..
ayudame porfavor :)
¿En cuál blog tienes el problema? ¿ya has verificado si quitando el script se vuelven a ver las imágenes?
EliminarHola 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?
ResponderEliminar- 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
Si usas Scriptaculous debes aplicar el truco anterior (el enlace que mencionas) cuando requieras de algo que involucre a jQuery.
EliminarLo 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.
Hola Potro.
EliminarEstoy 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
En los comentarios anidados no funciona ese truquillo.
EliminarEn 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.
muchas gracias por todos tus consejos soy asiduo en leer tus entradas, gracias por tan valiosos aportes
ResponderEliminarporque las imágenes de mi Blog aparecen blancas?
ResponderEliminarHabría que ver una entrada de tu blog donde te suceda eso.
EliminarSu artículo fue plagiado,mira:
ResponderEliminarhttp://www.bloggermin.com.br/2012/04/acelere-o-carregamento-do-blog-com-lazy.html
Gracias Kemuel, cada vez me extraño menos que pase :/
Eliminarbuenas potro, como siempre y antes que nada GRACIAS !!! , me sirven muchisimos los consejos y lo que pones, bueno vamos al grano.
ResponderEliminarquise 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.
Hola CHE, gracias a ti por tu comentario.
EliminarPuede 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>
perfecto !!!! eres un crack
Eliminarhola, esta muy buena la aplicación, pero solo para las entradas =/.
ResponderEliminarPara la sidebar no funciones, mas bien desaparece las imágenes D:
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.
Eliminarque hagooo!! D:
ResponderEliminaruff estaba asustada, eso me pasa por no leer todo. xD
ResponderEliminar¡Muchas Gracias!, me encanta tu web *.*!
Una consulta más? xD
ResponderEliminarEsto afecta la velocidad al cargar el blog en un móvil?
No tendría porqué.
Eliminarhola potro
ResponderEliminarno logro hacer que funcione esto en mi blog y en verdad lo necesito
podrias ayudarme??
este es mi blog http://retofotografia.blogspot.mx/
Es porque usas Scriptaculous, quizá tengas que cambiar esto:
Eliminar$(document).ready(function($){
$('img').lazyload({
Por esto:
jQuery.noConflict();
jQuery(document).ready(function(jQuery){
jQuery('img').lazyload({
gracias potro, intentare saludos
Eliminargracias si me funciono hermano...
Eliminarme 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.
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:
ResponderEliminarSi me podés ayudar con eso sería genial ^^
Saludos!
¿En cuál blog CyberPunker?
Eliminarwww.archivocyberpunk.blogspot.com
EliminarNo sé si ya lo habrás quitado, pero yo veo todas las imágenes bien.
Eliminarsi, lo he quitado xD Debo implementarlo de nuevo para que puedas decir que está mal?
Eliminardisculpa 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({
Eliminarpara 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
Gracias a ti :)
Eliminarpotro habra alguna forma que el efecto no solo funcione con el scroll sino que cada que veas una Tab (en mi caso).
ResponderEliminarDigamos 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.
No aaron, el script no tiene esas opciones :(
EliminarHola 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.
ResponderEliminarNo 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.
EliminarHola Potro ¿como vas?, espero que bien
ResponderEliminarMe 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
Hola Ana, puedes encerrar el script en una condicional para que éste sólo se ejecute en una entrada específica:
Eliminarhttp://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 ;)
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
EliminarTengo 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
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.
EliminarEl Lazy Load es sólo para imágenes :(
Si solo funciona para imágenes , entonces solo me vale para una entrada, ya no necesito poner dos condicionales
EliminarMuchísimas gracias Potro, que tengas una buena semana
Genial me sirvio perfecto gracias
ResponderEliminarYo 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
ResponderEliminarNo he comprendido bien el problema, ¿a qué te refieres con que no puedes ir a la plantilla antigua de Blogger?
EliminarMi querido amigo de nuestras multiples personalidades =)
ResponderEliminarComo 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.
Hola, todo mejor, gracias :)
EliminarSi 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.
Cambios NINGUNO, solo actualice el jQuery 1.9.1 pero lo hice para ver si mejoraba. El problema ya estaba sucediendo.
EliminarYo 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.
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.
EliminarGracias 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?
EliminarSe que no tiene que ver contigo y tienes total libertad para decir NO PUEDO.
Un abrazo y gracias como siempre.
No es que no pueda, es que eso queda fuera de mi alcance porque no conozco el servicio, supongo que ellos sabrán orientarte pero, recuérdales que usas Blogger y que no tienes acceso al hosting.
EliminarSaludos.
Siempre, gracias por estar. Pero voy a cambiarte el punto de vista, luego de usar tu entrada para agregar gadget QUE FUNCIONÓ PERFECTO, si entras al blog http://revistastrucoslanas.blogspot.com/ verás que tengo uno de 468x60 y me queda DEBAJO de la caja de Comentarios. NO PUEDO PONERLO dentro de la entrada como estaba, porque es EL PROBLEMA que retrasa la carga de todas las imágenes. IW no tiene solución ya que como tú dices esto es Blogger.
EliminarTú puedes ayudarme a COLOCAR ESTE GADGET ANTES DE LOS COMENTARIOS? Porque he buscado en la plantilla, pero no me doy cuenta donde colocar el script. Te agradezco tus comentarios y ayuda.
Una opción es que si lo pones como estaba, dentro del post, lo condiciones para que sólo se ejecute en las entradas individuales, así no perjudicaría la portada del blog:
Eliminarhttp://ciudadblogger.com/2010/03/condicionales-de-blogger.html
Gracias, probaré y después te cuento :)
Eliminarcompadre usted es un sabio lo felicito bendiciones
ResponderEliminarGracias breinnerp, bendiciones para ti también.
Eliminar