Blogger: Imágenes en portada que no aparecen | Oloblogger Así son las cosas... Casi un mes para publicar un nuevo post y hoy precisamente que saqué tiempo par...

12 de noviembre de 2014

Blogger: Imágenes en portada que no aparecen

Así son las cosas... Casi un mes para publicar un nuevo post y hoy precisamente que saqué tiempo para uno me toca hacer dos en el mismo día.

Pero creo que la cuestión lo requiere, pues ya son seis consultas en muy poco tiempo sobre lo mismo y la verdad es que no hay que alarmarse... si se conocen las causas y las soluciones, claro.

¿Tienes una portada o página de inicio con resúmenes de texto y estos ilustrados con bonitas imágenes que ahora no se ven mas que en las propias entradas? Pues sigue leyendo y no te vuelvas loco trasteando tu plantilla ni te agobies, que la cosa no es tan grave y tiene fácil arreglo.


Imágenes desaparecidas en Blogger
Imagen: Shawn Campbell


La cosa es la siguiente. Por algún tipo de bug de Blogger -realmente espero que sea esto y no un cambio definitivo- desde hace un par de días al subir una imagen con el editor de entradas estas no se suben como antes, sino con una "s" de más o un "http:" de menos.

He hecho varias pruebas y en un principio da igual que sea desde la pestaña Redactar que desde la nombrada como HTML, pero cuando se sube una imagen el código aparece ahora en alguna de estas dos versiones que se ven en la siguiente captura:

Clic para ampliar

Si os fijáis en el primer trozo con detalle, podréis comprobar que a la dirección del src le falta un http: delante del todo.

Eso no impide que la imagen se vea en el post porque funciona como una dirección relativa, pero de alguna manera sí que afecta a su visibilidad en portada.


En el segundo trozo, que representa otro caso que he detectado, lo que ocurre es que la dirección es https: en lugar del habitual http:

No me voy a enrollar porque entre otras cosas no conozco el tema a fondo pero esa "s" ahí vendría a ser como una dirección "segura" y para estos menesteres de bloguear imágenes sobra, así que fuera todas las eses que veáis en esa parte.


Pues nada, ya tenéis suficiente información para poder restablecer vuestras imágenes desaparecidas, pero por si acaso, aquí va una mini-guía:

  1. Localiza las entradas cuyas imágenes no se ven
  2. Edítalas desde la pestaña Redactar
  3. Localiza el código de la primera imagen y dentro de él, la etiqueta src
  4. Si la dirección que encuentras allí comienza con // o con https://, modifica ese inicio para sea exactamente http://

La cosa os tendrá que quedar en esa parte tal que así:

<img border="0" src="http://4.bp.blogspot.com/-2pK2gLVTZe4/VGOmFwEdNvI/AAAAAAAARoE/G7jY0KuV4-0/s1600/fallo%2Bimagenes%2Bblogger.jpg" />

Y listo... A ver si me ahorro a partir de ahora unas cuantas consultas ;)

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir
Copy URL

Y muchos más artículos interesantes si nos sigues en...

follow us in feedly

74 comentarios :

  1. ¡coño!
    Es verdad que se come el http... y ni me había dado cuenta.
    Quizás todo dependa de cómo se inserte la imagen en portada.
    Yo utilizo la expresión expr:src='data:post.firstImageUrl' y se muestra correctamente.

    Por lo que he podido ver, el Domingo día 9 aún insertaba el http pero el 11 ya se lo comía.

    Un saludo

    ResponderEliminar
    Respuestas
    1. Yo uso data:post.thumbnailUrl (una manía) y he leído esta tarde en un foro que tampoco funciona, aunque no lo he comprobado.

      Eliminar
  2. Hola Manolo! qué bien que andes por aquí!Tranquilo, no te asustes jajajajaja
    Pues mira, hoy me he dado cuenta de que en una entrada del blog de cocina no me aparecía la fotito de las lentejas con chorizo (jajajajaja, parece cachondeo, pero no lo es jajaja), amos que no salía ni la hoja de laurel..... en los bajos del blog, en el código aquel que me pasaste para que se me viera la primera imagen de cada entrada....

    Pensé que era algo pasajero, y me dije....si me pasa en más entradas, voy a ver si mi Rupert particular me dice qué puede ser...y has aparecido justo a tiempo...

    Tranquilo jajajajaja, que ya lo he solucionado....hay que ver lo que pueden liar unas eses de más......

    Gracias guapetón, me alegro de tu re-aparición....

    ResponderEliminar
  3. Pues es cierto...!
    Esperemos q sea un bug "pasajero"
    Maestro... Un placer leerle.
    Como siempre.
    ;-)

    ResponderEliminar
    Respuestas
    1. Sus señorías de Google parece que ya están al tanto del problema y en el tajo: http://goo.gl/QA3IM6 y http://goo.gl/BRk4PK

      Eliminar
  4. Muchas gracias, se me ha solucionado el problema de las entradas anteriores y el lightbox, que tampoco funcionaba por lo mismo. Pero aún me sigue dando un fallo en el plugin de comentarios desde facebook, en las entradas anteriores va, pero en las nuevas no. Puede venir por lo mismo??

    ResponderEliminar
    Respuestas
    1. parece que se ha solucionado sólo, así que todo Ok.

      Eliminar
    2. El tema no sólo afecta a los sumarios en portada, sino a todos los gadgets que carguen la dirección de la imagen desde las entradas... por el mismo motivo de que la dirección (o el acceso a ella) no es la correcta.

      Eliminar
  5. Qué tal Oloblogger!
    Bienvenido de nuevo por la blogósfera. Estás tocando un tema muy importante para muchas personas que como yo dependemos en gran parte de las imágenes y fotografías. Desde hace unos días miré ese cambio y me hizo pensar que algo estaba mal. Sin embargo al ver que las imágenes se siguen mostrando bien en los post, no le di mayor importancia. Sin embargo, ahora que empiezo a agregarles a cada imagen el código HTML para que las personas puedan embeberlas en sus post principalmente las de Navidad y Año Nuevo, pues estoy agregándoles el "http:" al SRC de cada imagen. Eso lo hago para evitar cualquier problema a futuro. Te agradezco mucho esta información y cuenta con un link hacia tu blog en breve. Sinceramente, tu amigo José Luis del Banco de Imágenes Gratis .COM

    ResponderEliminar
  6. ¡Gracias! Me has salvado, estaba loca perdida revisando el código extrañada porque no había tocado nada. Estos de Blogger nos van a volver locos cualquier día.

    ¡Un saludo!

    ResponderEliminar
  7. Hola!!! Yo ya lo Había notado, aunque no le di importancia. Mi pregunta es la siguiente: en mi blog tenía puesto un gadget de entradas recientes y coincidiendo con ese cmabio, resulta que cuando recién pubñiqué mi último post, la miniatura que me eligioó no era la de la primera imagen de la entrada (como simepre) sino cogió la imagen que utilizo para hacer mi sinopsis. Estuve investigando para intentar solucionarlo y no fui capaz, así que lo quité el gadget para ponerlo más adelante (quedaba fatal con la otra imagen que yo no quería). Se podría deber a esto que nos comentas? Mi blog es http://marianleemaslibros.blogspot.com/
    Saludos

    ResponderEliminar
  8. Hola de nuevo. He vuelto a poner el gadget en la sidebar abajo del todo para que me digas si puedes auyudarme o darme una idea de lo que puede estar pasando (he quitado la s del "src="https"://, pero nada, sigue viéndose una miniatura que no debería (se supone que debería coger la primera foto de cada post)
    Gracias de antemano

    ResponderEliminar
    Respuestas
    1. Vi que tienes bien la imagen, así que prueba a cambiar también el https del enlace de la primera imagen del post por un http (sin "s").

      Eliminar
    2. Ante todo, gracias por contestarme.
      He quitado también la s del otro enlace y sigue pasando lo mismo: en vez de coger la imagen de la cubierta del libro (mi primera imagen del post) coge la del gato (mi logo). He probado en eliminar el gadget y volverlo a crear (antes de eliminar las "s") y sigue igua.
      Si me pudieras ayudar te lo agradecería, porque me estoy volviendo loca buscando soluciones

      Eliminar
    3. Puede ser que ese gadget cargue del feed y entonces da igual ya que arregles lo de la dirección. Lo confirmarás cuando publiques un nuevo post.

      Eliminar
    4. Ok, lo raro es que hasta ahora no había tenido ningún problema. Y si cargara del feed ¿Habría alguna solución si vuelve a pasar?

      Eliminar
    5. Tranquila Marian, no adelantes acontecimientos que parece que ya todo está como estaba.

      Eliminar
  9. Eres una especie de genio bueno de la lámpara :D Gracias por todo

    ResponderEliminar
  10. Hola, yo he hecho lo que quitar la S de más en todos los códigos de las imágenes que no se veían en el LightBox de Blogger y sigo igual... Cuando cickeo en alguna imagen, no se abre desde el LightBox (que lo tengo activado) y se abre en una ventana y en el tamaño original de la imagen. Luego para volver al blog, hacer click en "atrás" y así con todos los post nuevos, los antiguos, las imágenes se abren con LightBox sin problema :( ¿Alguna idea?

    ResponderEliminar
    Respuestas
    1. Prueba a cambiar el tamaño de la imagen, fijate que la siguiente ruta de la imagen donde dice por ejemplo s1600 (el tamaño de la imagen):

      a href="http://4.bp.blogspot.com/-PiNOdOtxLEw/VGD4WZy5hJI/AAAAAAABQOw/lhfgej5Tau8/s1600/xxxxxx.jpg"

      Coincida con el de la siguiente ruta de la imagen de más abajo, si no está igual lo cambias... ya que por eso tampoco funciona el lightbox:

      img border="0" src="http://4.bp.blogspot.com/-PiNOdOtxLEw/VGD4WZy5hJI/AAAAAAABQOw/lhfgej5Tau8/s1600/xxxxxx.jpg" height="224" width="320"

      Eliminar
    2. En algunas no coincidía y lo he cambiado. Ahora todos los valores son los mismos en ambas líneas y nada... esto ya es desesperación. Espero que Blogger lo solucione pronto porque otra salida no le veo... las vistas de las imágenes son horribles de esta manera... ainssss ojalá todo vuelva a la normalidad pronto T_T

      Eliminar
  11. Lo confieso, no había leido tu entrada. Cambio realizado y arreglado.
    Gracias.

    ResponderEliminar
  12. ¡Se solucionó! parece que los responsables de Blogger se han dado prisa ;) Todas las imágenes vuelven a verse en el Lightbox sin problemas ¡no me lo creo! Esta vez se han dado prisa ;) Gracias por los truquitos e intentar que la vida del blogger torpe (como es mi caso) se más fácil ¡te seguiré por las Redes! =)

    ResponderEliminar
  13. Te escribo amigo antes que nada para informarte que el link hacia tu blog ha sido insertado satisfactoriamente en el sidebar del mio. No debes preocuparte de que esté casi llegando al fooooooter porque esa sección la voy cambiando de lugar. P.D. Blogger ya le dio solución al problema que mencionas en esta entrada. Todo vuelve a la normalidad. Saludos en la distancia.

    ResponderEliminar
  14. Hola, te sigo desde hace tiempo y aunque soy una usuaria normalita sin muchos conocimientos de infomatica ni de códigos se hace lo que se puede y ha base de seguirte algo se me pegara..vamos digo yo.
    No se donde tengo que escribirte para contarte un caso raro,raro que me paso con blogger y que tengo a los de blogger y a los de google de cabeza.
    Por encima te cuento, por si puedes ayudarme.
    Hace dos dias en mi lista de lectura de blogger, esa que me salen las entradas publicadas de los blogs que sigo, aparecieron unas entradas rara, en ingles, de un blog que ni conozco y que ni por asomo sigo..no lo puedo borrar de mi lista de lectura porque no aparece enntre los blog que sigo, pero las entradas me llegan a blogger.¿.podrías echarme una mano o decirme donde te escribo para contartelo mas despacio y ver que te parece?

    ResponderEliminar
    Respuestas
    1. O sea, que lo quieres es volverme loco a mí también XD
      Bromas aparte acabo de mirar en tu sitio y en tu blogroll no veo nada raro. Sólo dos o tres sitios que conozco, uno de una vieja amiga llamada Manly... y que ¡el mío no sale! ;)

      Eliminar
  15. Muchísimas gracias!!! Llevaba varios días mosqueada con este tema y no encontraba ninguna solución hasta que, por insistencia, al final he dado con tu página. No sabía que por unas "s" de más podían ocurrir estas cosas xD
    Te sigo desde ya!! :)

    ResponderEliminar
  16. hola disculpa de pronto no tiene mucho que ver, pero me pregunto en esta plantilla http://flatmag.blogspot.com/search/label/Tech ponen entradas en la parte de los widgets osea en la barra lateral, me podrías decir pro favor eso como se hace? sino puedes ver el enlace, es solo eso, como poner entradas para destacarlas como si fueran un widget. graciasl.

    ResponderEliminar
    Respuestas
    1. Hola. Eso se hace con un script que muestra las entradas recientes con miniatura. Sería uno de este tipo

      Eliminar
  17. Hola Olo!! eres uno de los que más me ha ayudado con mi plantilla...hace un tiempo me he percatado que mi lista de lectura de blogs de mi escritorio no aparece imagen del post y mi blog se basa en diseño gráfico y la verdad no he encontrado la info que me ayude con eso...gracias como siempre!

    ResponderEliminar
    Respuestas
    1. Hola Pau. Lo de la lsita de lectura no sé cómo va, pero quizás te pueda servir de ayuda este otro post que publiqué no hace mucho.

      Eliminar
    2. ese post tambien me va a servir jeje...pero creo que el problema es directamente con feedburner, a alberto montt de "dosis diarias" le pasa lo mismo y vi en su codigo que administra sus "share" con feedburner...pero ahí si no se que hacer (como siempre) :p gracias olo!!

      Eliminar
    3. Yo tampoco realmente, pero debe ser otra causa porque yo también tengo Feedburner y creo que todo sale bien en el sentido que comentas.

      Eliminar
  18. Buenas noches tengo una duda, quiero hacer esto no se si sera posible o no ojala me puedas ayudar estoy haciendo una plantilla aun no la pruebo, mi duda es quiero hacer esto en blogger http://goo.gl/nte8iZ igual solo que sin la forma rara de la imagen solo usar esa misma imagen o la primera del post como fondo y volverla usar en el articulo es posible que pueda quedar como en la imagen... algun consejo de antemano muchas gracias y si no es posible por las limitaciones de blogger lo entiendo... gracias :D y un saludo tienes un gran blog

    ResponderEliminar
    Respuestas
    1. Es posible Gryzor, pero no te puedo dar más que la idea porque para hacerlo exacto habría que ajustarla a tu estructura HTML concreta. Se trataría de usar la variable data:post.firstImageUrl (primera imagen del post) como fondo de una caja previa al post (por ejemplo en la habitual post-header) y, al mismo tiempo, darle a esa caja un position:absolute para que se quedara fija debajo del texto.

      Eliminar
  19. Hola hace poco inicie un blog y muchos de tus post me han servido para corregir errores. Pero hace unos días que tengo un problema con el widget "PopularPosts1" que no puedo resolver. No se porque aleatoriamente algunas de las imágenes miniatura aparecen y otras no, no se cargan. Hay forma de solucionarlo? Que puede estar fallando?

    ResponderEliminar
    Respuestas
    1. Hola Greta. El motivo según compruebo en tu blog es que la imagen también ha desaparecido de la entrada correspondiente. Quizás las borrastes accidentalmente (Ejemplo)

      Eliminar
    2. Como que ha desaparecido? No se que puede estar fallando, las he vuelto a cargar por las dudas pero yo la veia normalmnte. En la entrada, en el widget "tambien podria interesarte" y en el inicio la imagen se ve normalmente, en el único lugar donde falla es en el widget "Popular Posts". Es muy raro :s

      Eliminar
    3. Ahora esa concreta que aparece en el link que te mandé, sí aparece, así que supongo que en posts populares te aparecerá en breve.

      Si tu las ves y los demás no, puede ser porque hiciste privada la carpeta de Google Imágenes (Picasa) o algo por el estilo. Comprueba eso por si acaso.

      Eliminar
    4. De todas formas sigo viendo cosas raras... ¿Subes las imágenes a las entradas desde tu disco duro mediante el editor de entradas... o las cargas de otra manera? Para que funcionen bien en los gadgets de Blogger has de hacerlo de la primera manera.

      Eliminar
    5. No se que puede estar pasando, continua sin aparecer. No las puedo ver ni yo desde mi usuario y PC ni otras personas desde sus respectivas computadoras. De todas formas reitero que únicamente pasa en ese widget, si la imagen estuviese como privada supongo que no se vería en ninguno de los lugares donde aparece

      Eliminar
    6. Emmm no se, cuando creo la entrada hago click en el icono insertar imagen y la subo desde mi pc... Hago el mismo procedimiento para todas las imágenes que aparece en el blog

      Eliminar
    7. Ya lo solucione! Ya se que es lo que hacia mal! Para aplicar el mismo formato a toda la entrada cuando terminaba de redactarla seleccionaba todo (incluido las imagenes) y apretaba el icono "eliminar el formato" para luego aplicar las mismas propiedades a todo pero esto eliminaba también el enlace de la foto por eso el widget no encontraba la ruta de la miniatura. Se ve que en las entradas anteriores no había eliminado el formato de la imagen y por eso si encontraba la miniatura! Muchas gracias por la ayuda!

      Eliminar
    8. OK. De nada. Estaba claro que era algo relacionado con la forma con que subías esas imágenes, pero sólo iba tirando ideas al azar... ;)

      Eliminar
  20. Si! Algo mal estaba haciendo. Muchas gracias por la dedicación! Un saludo

    ResponderEliminar
  21. hola!!! gracias por tu post. Pensé que sería la salvación ¡pero resulta que al parecer no tengo esos errores que comentas, e igualmente no se la imagen!!
    snif snif
    ¿que hago? ¿alguna idea?

    ResponderEliminar
  22. lo siento!! pues te mando mi blog, verás que una de ellas (más 3 en todos los publicados) no aparece la imagen, pero si en el post al pinchar
    http://emprendedorasycreativas.blogspot.com.es/

    ¡gracias!!! estaré pendiente!

    ResponderEliminar
    Respuestas
    1. Un truco: Cambia las comillas dobles del título TODOS MERECEMOS UN LINDO "WORKSPACE", por unas comillas simples. Mano de santo ;)

      Eliminar
  23. gracias gracias!!!, me has alegrado el día!!
    eso era entonces, las otras tres sin imagen es por las famosas comillas
    gracias Oloman
    bss

    ResponderEliminar
  24. Hola, acabo de leer todo lo que escribiste y todos los comentarios para ver si podía solucionar mi problema. Era el tema de las comillas.
    MUCHAS GRACIAS. SON LO MÁS.

    ResponderEliminar
  25. Hola Oloman, siempre visito tu blog porque me parece una gran fuente de consulta, pero esta vez no encuentro la soluciòn para el problema que creo que tengo con mi blog, veràs: resulta que algunas imagenes me aparecen rotas, incluso cuando visito mi blog desde los mòviles, lo curioso es que cuando entro a editar la entrada las imàgenes se ven perfectamente. En tu blog tambièn veo algunas imagenes rotas, serà acaso problema de mi navegador?? Gracias por tu respuesta. Saludos!!
    Mi blog es www.larecetademary.com

    ResponderEliminar
    Respuestas
    1. Maribel, preguntado así la contestación es que sí podría ser problema tuyo, ya que en un vistazo rápido no encontré ninguna imagen rota.
      Si me dices una imagen concreta que no veas y la dirección dónde la encontraré, quizás te lo podría confirmar.

      Eliminar
  26. Hola Oloman y gracias por tus consejos,
    mi duda ahora es al contrario, estoy preparando una web donde aparecen vídeos de YouTube y me interesa que en la portada aparezcan las miniaturas de dichos vídeos, por tanto hice las "previews' con "0.jpg" y ahora las veo bien en la portada pero cuando entro a la entrada aparece la imagen y el vídeo y claro sólo me interesaría ver el vídeo dentro de la entrada, sabes como actuar ?

    ResponderEliminar
  27. La web de pruebas es esta : motorvideo.blogspot.com

    y en versión pc no me pasa ( con Firefox o Explorer ) en cambio en un smartphone con varios navegadores si me aparecen dentro de la entrada la imagen y el video...

    ResponderEliminar
  28. Fui otra de las que tuvo problemas con las comillas jajaja. ¡Te agradezco muchísimo por la ayuda!

    ResponderEliminar
  29. Hola Oloman, gracias por los consejos, en mi caso aún no he conseguido resolverlo... revisé el html de mi blog y sustituí los "https" pero la imagen sigue sin aparecer en el inicio del blog (con lo cual no me enlaza tampoco la entrada), sólo aparece el una barra de imágenes que tengo bajo el logo. ¿Tienes idea de que podría estar haciendo mal? hasta la fecha nunca había tenido problemas hasta hoy... un saludo.

    ResponderEliminar
    Respuestas
    1. Hola Gata. Yo veo bien tu blog. En tu portada aparece un carrusel de imágenes que salen de dos en dos y después de eso ya vienen las entradas, con su título, su imagen (realmente dos también) y un pequeño resumen. No entiendo que problema observas.

      Eliminar
  30. Hola amigo, yo he quitado la s de sobra, pero sigue sin salirme la foto. No sé qué hacer!!! gracias de todos modos por la ayuda.

    ResponderEliminar
    Respuestas
    1. ¿Qué foto? Hoy me vais a volver bod... loco. Tampoco veo nada anómalo en tu blog.

      Eliminar
    2. Hola Oloman, mi último post, el de el mejor regalo de San Valentin, cuando entras en la página principal del blog no se ve la foto. Solo el título. Si luego pinchas en el post, verás que contiene dos imágenes. Graciassssssssss!

      Eliminar
    3. Pues lo dicho. Yo no veo nada raro. En portada veo esta imagen.

      Eliminar
    4. Hola Oloman, he descubierto que sí me aparece si solo pongo una foto en el post. Por eso lo ves bien. Pero si en un post pongo varias fotos ya no elige ninguna y en la página principal solo pone el título. Para mi tipo de blog esto es muy limitado, no poder poner varias fotos. ¿Sabes cómo lo puedo solucionar? Dejo el post con dos fotos para que veas el problema. Mil gracias!

      Eliminar
    5. Por lo poco que pude ver tienes un script que genera las imágenes de portada y que en lugar de añadir sólo la primera, añade todas las que encuentra en el post y ese debe ser el origen del problema.
      Y digo que pude ver poco y que "debe ser" porque el script está comprimido y por tanto es ilegible. En consecuencia tampoco es modificable.
      Solicita soporte del lugar dónde sacaste la plantilla. Ellos tienen que tener el código original para poderlo arreglar.

      Eliminar
  31. Hola Oloman, he actualizado mi blog con una plantilla nueva y ahora en la página principal no aparecen las imágenes de las entradas, pero al entrar en cada una sí que está la imagen. He mirado el código de cada entrada y el https está quitado en todas, así que no entiendo el por qué no aparecen. Mi página es www.dmilcolores.es.
    Gracias.

    ResponderEliminar
    Respuestas
    1. Hola Mari Carmen. Yo si veo imágenes en tu página de Inicio ¿lo arreglaste?

      Eliminar
  32. vale! Y me pregunto yo: Cómo puedo hacer para que en la galería de mi portada, no aparezcan ciertas imágenes? Es decir, al contrario de lo que se habla aquí, en los títulos de mis entradas aparecen todas las fotos del post en miniatura. Lo que necesitaría, es precisamente que algunas imágenes no aparezcan y dejar sólo una. Como lo puedo hacer? He probado precisamente de quitar http o https y no funciona... el orden de los factores a veces si altera.... jajaja

    ResponderEliminar
    Respuestas
    1. No sé si en estos días desde que escribiste has cambiado algo, pero yo sólo veo una imagen por post en cada sumario de tu portada ¿?

      Eliminar