JMiur [E]

Una vez más, Blogger nos da sorpresas. Malas, pero sorpresas: ahora se trata de un cambio en la forma en que se manejan las imágenes que subimos.

Hasta ahora, si usábamos la ventana para insertar una imagen, se generaba un código bastante estrafalario pero que al menos tenía una función, nos permitía hacer click en la imagen y verla en el navegador. Aparentemente, esta opción ya no está disponible, el código permanece pero no podemos ver la imagen sino que el navegador nos muestra una ventana para descargarla a la PC. Esto no ocurrirá con las imágenes ya alojadas sino con las que hayamos subido en los últimos días.

¿Qué código coloca Blogger y qué significa? Lo que hace es poner un enlace a la imagen en su tamaño original y una miniatura de esta. Todo eso, con algunas variantes que dependen de las opciones que le damos. Hay que recordar que, cuando subimos una imagen a Blogger, este utiliza Picasa para alojarla. Guarda la imagen original en un directorio (una carpeta) y crea una serie de miniaturas que guarda en otros directorios.

La primera opción a tener en cuenta es el tamaño de la imagen a mostrar, dependiendo de esto, la etiqueta IMG será diferente, cambiará el directorio de la imagen:

Pequeñas: http://................../s200/imagen.jpg
Medianas: http://................../s320/imagen.jpg
Grandes: http://................../s400/imagen.jpg


Ese número, indica la cantidad de pixeles de ancho de la imagen. Es decir, a menos que modifiquemos manualmente el código generado, la imagen más grande que podremos mostrar tendrá 400 pixeles de ancho.

Esta imagen de ejemplo tiene 600 pixeles de ancho, y así se mostrará en un post, con las tres posibles alternativas:




Si nos ubicamos en la Edición de HTML del post, veremos el mismo código en los tres casos, con una única diferencia, el directorio de la imagen (s200, s320 y s400).

¿Y qué pasa si queremos poner una imagen más grande? En ese caso, debemos editar el código y simplemente cambiar el directorio, fuera cual fuera por s00:


En mi caso particular, como la imagen es más ancha que el área de los posts, lo que sobra de ella simplemente, se corta.

La otra opción de Blogger es establecer el diseño ¿A qué se refiere?


De acuerdo a lo que optemos, Blogger agregará a la etiqueta IMG un estilo utilizando el atributo style. En todos los casos, siempre pondrá:

style="cursor:pointer; cursor:hand;"

Esta propiedad, hace que el cursor del ratón se transforme en una mano cuando pasamos por encima de la imagen para indicar que es un enlace. Para qué lo hace, lo desconozco ya que es un enlace y ese cursor se mostrará igual aunque quitemos la propiedad.

Si elegimos Centrada se agregarán tres propiedades más, display, margin y text-align:

style="display:block; margin:0px auto 10px; text-align:center; cursor:pointer; cursor:hand;"

display:block hará que la etiqueta sea un bloque, es decir, ocupe todo el ancho del área de los posts (muevan el cursor fuera de la imagen hacia cualquiera de los bordes y la "manito" seguirá allí, como si hubiera una imagen transparente). Esto se usa para que luego la podamos centrar mediante text-align y margin en donde se establece un margen superior de 0, un inferior de 10 pixeles y auto para derecha e izquierda:


Si elegimos Derecha o Izquierda, se agregarán dos propiedades más, float y margin:

style="float:left; margin:0 10px 10px 0; cursor:pointer; cursor:hand;"

style="float:right; margin:0 0 10px 10px; cursor:pointer; cursor:hand;"

Esto hará que la imagen "flote" a la derecha o a la izquierda y, según sea el caso y se separará de algunos de sus bordes unos 10 pixeles.

Un par de ejemplos:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Pero el código que inserta Blogger tiene aún algo más, el enlace:
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"
href="http://......./la_imagen">
<img ....... />
</a>
Como se ve, es un enlace común al que le agregan un script que se ejecuta cuando se produce un evento onblur es decir, cuando se detecta la pérdida del foco (el cursor) sobre la imagen ¿Para qué sirve? sencillamente: no tengo idea.

Lo importante en este caso es, otra vez, el directorio al que apunta el enlace. Hasta hace poco, era este:

http://......./s1600-h/la_imagen

ahora, a cambiado a este:

http://......./s1600-R/la_imagen

ese cambio es el que impide que podamos abrir las imágenes haciendo click en ellas.

En algún sitio leí que lo que ocurre es que Picasa impide que las imágenes de más de 800 pixeles de ancho se muestren fuera de su propio dominio pero, aparentemente Blogger estaría fuera de esta restricción aunque, tal vez, los dominios propios (los que no están en blogspot) podrían tener problemas.

Todo lo que he probado me lleva a pensar que no es un problema de tamaños ni de códigos, simplemente, no nos dejan.

Si siempre me pareció que el código que Blogger coloca para insertar imágenes era absurdo, hoy, cuando los enlaces ya no funcionan más, simplemente se ha tornado inútil, entonces ¿podemos eliminarlo? Claro, esto es algo que yo, personalmente, he hecho siempre pero que ahora, hago con placer.

Para esto, lo ideal es colocar como diseño NINGUNO así tenemos que borrar menos. Veamos cómo. Este es un código común:
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"
href="http://......./s1600-R/URLimagen">
<img style="cursor:pointer; cursor:hand;" src="http://......./s320/URLimagen"
border="0" alt=""id="BLOGGER_PHOTO_ID_xxxxxxxxxx" />
</a>
Allí, lo único importante es lo marcado en rojo, la dirección URL de la imagen a la que puedo cambiar el directorio s320 por s00 si es que quiero la imagen real y no una miniatura. El resto, no me importa ya que con eso puedo escribir manualmente la etiqueta:
<img src="http://......./s320/URLimagen"</a>
¿Y si quiero alinearla? Pués uso las alineaciones del editor o le agrego manualmente el atributo correspondiente. Por ejemplo, para que flote a la izquierda:
<img style="float:left; margin:0 10px 10px 0;"
src="http://......./s320/URLimagen"</a>
Si aún así parece complicado, simplemente borramos el enlace, en este ejemplo, todo lo marcado en rojo:
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"
href="http://......./s1600-R/URLimagen">
<img style="cursor:pointer; cursor:hand;" src="http://......./s320/URLimagen"
border="0" alt=""id="BLOGGER_PHOTO_ID_xxxxxxxxxx" />
</a>
Por último, si queremos que la imagen sea una miniatura a una imagen de tamaño mayor, no habrá más remedio que recurrir a un servicio de alojamiento externo y añadir el código manualmente:
<a href="URL_imagen">
<img src="URL_miniatura"/>
</a>
Podemos forzar que se abra en una ventana nueva agregando el atributo target:
<a href="URL_imagen" target="_blank">
<img src="URL_miniatura"/>
</a>
o usar una sola imagen y dejar que el navegador cree la miniatura, indicándole el ancho, el alto o ambos parámetros (width y height):
<a href="URL_imagen">
<img src="URL_miniatura" width="valor" height="valor"/>
</a>

Gracias al comentario de cgredan me di cuenta que me estaba olvidando de un detalle; es que el código de Blogger me parece tan absurdo que trato de no pensar en él. Pero no importa, para seguir utilizándolo, lo que debemos hacer es modificar la URL del enlace, utilizando la de la imagen y cambiándole el directorio.

Fíjense que el enlace tiene una dirección URL totalmente diferente de la dirección URL de la imagen. Lo que haremos es usar esta última dos veces y a la primer le pondremos s1600-h como directorio:
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"
href="http://......./s1600-h/URLimagen">
<img style="cursor:pointer; cursor:hand;" src="http://......./s320/URLimagen"
border="0" alt=""id="BLOGGER_PHOTO_ID_xxxxxxxxxx" />
</a>
Es decir, las dos direcciones en rojo serán iguales con la única variante del directorio. Haciendo click en este ejempo, la imagen se abrirá en una nueva ventana y no se nos mostrará el cuadro de descarga:

45 comentarios:

cgredan  

Podemos seguir abriendo las imágenes con un pequeño cambio en el código.
Código antiguo:
http://...../5YR0opjrN9U/s1600-h/1.jpg
http://...../5YR0opjrN9U/s400/1.jpg

Nuevo Código:
http://...../66RHuhdkJ77/s1600-R/1.jpg
http://...../5YR0opjrN9U/s400/1.jpg

En el ejemplo se ven las diferencias que deberemos cambiar. Primero cambiar la R por una h, y segundo cambiar la parte de la ruta que cambia, dejandola igual que en la linea de s400.

No se a que es debido el cambio en el código de Blogger, pero con esos dos pequeños cambios se soluciona, o por lo menos a mi me a funcionado.

Responder
JMiur  

Gracias cgredan, me había olvidado de poner ese "pequeño detalle", te agradezco mucho :)

Responder
Fonzi  

Mirá vos... yo el viernes me agarré terrible calentura porque pensé en primer termico , que yo habia hecho alguna macana y habia seteado mal las preferencias de publicacion o algo asi.
Despues pense que en mi antivirus o firewall habia tocado algo que no permitia que se abriesen las imagenes por seguridad.
Luego viendo el codigo fuente , me di cuenta de lo mismo que uds.
No se que sentido tiene...
Intente solucionarlo poniendo las imagenes en un hosting como phtobucket y linkear a ellas , pero al hacerlo , el diseño del blog se desarmaba y se veia mal en ff y opera y solo funcionaba en ie.
Voy a porbar lo que dice cgredan a ver si funca.

pd: Puedo poner un link desde mi blog hacia Vagabundia ?
Creo que todos los bloggeros deben conocer tu pagina. Se ahorrarian muchos dolores de cabeza.

Responder
Fonzi  

Disculpame otra vez....
Que parte de la ruta cambia donde dice s400 ? no me doy cuenta.
Gracias

Responder
JMiur  

Aparentemente, nadie se dio cuenta hasta que se nos ocurrió hacer click y claro, todos debemos hber pensado lo mismo, algo funciona mal en la PC o cometimos un error :D

Lo del link, ni lo preguntes, sería un honor.

Fijate que Blogger coloca dos direcciones, una en el enlace y otra en la imagen. Sin completamente diferentes.

La idea es usar la de la imagen (s200 s320 o s400), copiarla y pegarla reemplazando la del enlace y allí, cambiar el directorio por s1600-h.

En tu ejemplo, ambas serán iguales, pero la primera tendrá como directorio s1600-h y la segunda s400.

Responder
Catx  

Saludos, gracias por la ayuda, la verdad... hay muy poca info por la red sobre este "cambio" realizado por blogger.

Al parecer solo pasa con las imagenes insertadas con la opción "Examinar". Si las hospedamos en otro servidor y las enlazamos con la opción "Url" no pasa.

Aquí en mi blog he hecho una explicación a raiz de tu post.

http://catx.km6.net

Gracias y felicidades por el blog!!!

Responder
Gem@  

Normalmente inutilizo en el código el enlace que muestra el tamaño real de la imagen lo que evita que al clicar la imagen de abra, prefiero el visor de imágenes que nos evita salir de la página. Pero pienso que para todo el mundo no es igual.
Te felicito por tan completa y detallada explicación.

Por cierto... el buscador interno no funciona. Pídele uno a los Reyes Magos a lo mejor has sido bueno...

Responder
JMiur  

Catx:
Es cierto, como siempre, no hay ninguna información al respecto pero suena tan estrafalario que debe ser un error temporal ... espero.

Y claro, sólo afecta a las imágenes subidas a Blogger, las otras no son afectadas.

Gem@:
Yo hago lo mismo, el código de Blogger estan absurdo que me molesta

Lo del buscador, debe ser el de Google Draft que funciona cuando quiere, hay queusar el otro ojo, el que dice Google Search

Responder
Pepiche  

Uff.... qué quilombete de códigos!,ya me agarró mareos,jeje!

Con razón no podía abrir una imágen,me pareció que era mi navegador que generaba el problema,me quedo tranquilo entonces :)

Responder
Fonzi  

Muchas gracias por la explicación !
Ya la puse en práctica y funciona !
Saludos !!

pd: Ya puse el link hacia tu blog !
Y el honor es mio ! ;)

Responder
Fonzi  

Jajajajaa que cosa increible.
Pongo manos a la obra , arreglo las imagenes y resulta que hago un post nuevo y veo que aparaece igual que antes !!
Se ve que tanta gente pateó que volvieron al viejo sistema !!
O será que te tienen miedooooo ?

Responder
Identidad Creativa  

jMiur realmente es excepcional la explicación y el sentirme reconfortado que otros como yo padecieron la bronca vivida por este cambio de Blogger para este tema de las imágenes. Ahora que ya tengo cargada las imágenes en Flickr ¿me conviene dejar este post como está o lo subo nuevamente por blogger con el cambio de códigos? ¿qué me aconsejás? y otra cosa, dado a la cantidad de veces que te he consultado por diferentes dilemas necesito que me pases los códigos para tener un boton de tu página en mi blog, esto es como muestra de gratitud por tu cordial atención hacia los problemas que he tenido y que gentilmene me has podido ayudar. Esperopronto la info para poder ponerla cuanto antes. Abrazos!

Responder
Identidad Creativa  

Otra cosa que me gustaría saber es como se puede abrir la imagen agrandada sin necesidad de salir del blog, o sea que no me cambie la página por la página de la imagen escalada, para después cuando quiero regresar al blog tener que clickear la flecha de retroceso. Espero tu opinión. Abrazos!

Responder
JMiur  

Fonzi:
Amigo, no creo que ni siquiera sepan que existimos ;)

Por lo que veo, todo sigue igual, cada vez estoy más convencido que se debe tratar de un error porque sino, carece de lógica ... pero claro, que no lo hayan corregido, tampoco es muy lógico que digamos :D

Identidad Creativa:
Los agradecimientos son innecesarios pero en la sidebar en la seccion Autopromo, vas a encontrar Banners o Widgets que pueden agregarse. Desde ya, sería un honor.

Lo de abrir imágenes en la misma página eso, sólo es posible agregando algún tipo de script ya que desde el HTML, sólo es posible abrirlas en otra ventana usando target="_blank". Yo uso una que está explicada ACÁ; hay otra muy buena ACÁ y esta semana mostraré otra bastante más completa.

¿Qué hacer, volver a Blogger o quedarse en Flickr? Es algo bastante subjetivo. Personalmente, yo alojo las imágenes "importantes" fuera de Blogger porque me resulta más sencillo poder manipularlas.

Pepiche:
Todos pensamos lo mismo y la verdad, no me había dado cuenta hasta que me consultaron desde Identidad Creativa :)

Responder
Identidad Creativa  

Thanx a lot! ahora veo de poder integrar el botón al blog. Abrazos!

Responder
Gem@  

Espero impaciente esa entrada que mencionas :D

Responder
JMiur  

Yo también Gem@ pero, ya sabes por experiencia propia que esto de probar las cosas no es nada sencillo, verdad :D

Responder
Gem@  

Por supuesto que si, mi impaciencia no es equivalente a meter prisa, lo dije porque ya sabes que las aplicaciones en imágenes me gustan mucho.

Responder
Catx  

wenas d nuevo.
Puede ser q ya este corrregido el problem d blogger? Acabo d insertar una img y el codigo ya vuelve a salir como antes, byez

Responder
JMiur  

Gem@:
Ya está terminado así que saldrá hoy o mañana dependiendo de que lado de Greenwich estemos :D

Catx:
Antes de contestarte hice una prueba y, efectivamente, parece haberse solucionado y el directorio vuelve a ser s1600-h. Debe ser algo muy reciente, hace unas horas todo seguía igual. Aunque Fonzi me decía lo mismo, en mi caso, nada había cambiado pero ahora sí ¡ERA HORA! :D

Responder
Identidad Creativa  

Con el tema de abrir imágenes en unamisma página, me gustó la segunda opción que me diste, pero el problema radica en lo siguiente, pude hostear en imnageshak todos los gif, pero ¿los archivos del script y el css? ¿en donde los hosteo porque imageshak no me deja? Eso en primer lugar y en segundo lugar el tema está en que de perezoso nomás te pregunto ¿Como puedo aplicar esto a todas las imágenes que ya tengo cargada en los post hechos? ¡es muy complejo? porque me gustaría unificar todo con el mismo criterio, a excepción del último que las imágenes están hosteadas en Flickr por el problema de blogger. Espero que me pueras desmarañar este ñío y estapy a la espera de una solución. Nuevamente gracias...ahh! si podés fijate como quedo el botón de enlace Vagabundia en mi blog. Abrazos!

Responder
JMiur  

Lo más sencillo para alojar archivos JS CSS o de cualquier clase es Google Pages. AQUI hay una guia paso a paso de como abrir la cuenta y utilizarla.

Con respecto a cambiar lo que ya hay, no hay ninguna forma de hacerlo de manera automática, sólo queda editar los posts uno por uno.

¡Sí, ya sé, es un infierno!!!! ;)

PD: Buenísimo el enlace :)

Responder
Identidad Creativa  

Ok! ya aloje los archivos en googlepage, ahora bien...¿como sigo?, no se bien si los códigos los tengo que poner en la plantilla HTML o bien en la parte de los post. No entiendo como hacer que funcione esto para poder aplicarlo a cada post.A ver si estoy haciendo las cosas bien: el script y la hoja de estilo van pegados en la la hoja de HTML de la plantilla ante de /head, hasta ahí vamos bien, después va esto:

script type="text/javascript">...también en la plantilla y luego y acá es donde me hago lío es esta parte:

imgsrc="URL_imagen"class...
¿va también en la hoja de estilo o lo tengo que aplicar en la parte de cada post con la dirección donde está alojada la imagen en blogger como lo tengo armado? La direccción donde blogger aloja las imágenes que subí son bien complejas, por lo que no sé bien como aplicarlo. ¿Tengo que subir miniaturas también? ¿en blogger? ¿como las diferencia? Evidentemente creo que con esto te voy a terminar por colapsar, pero pensé que era más sencillo y lo podría hacer solo, pero creo que me equivoco. Espero que me puedas orientar con todo esto. Desde ya muchas gracias y espero tu ayuda.

Responder
JMiur  

No estoy seguro de cual de los dos scripts estás usando pero, en general es lo mismo en todos.

Todo lo que sigue es en cada imagen que queras mostrar, o sea, en los posts.

Supongamos que ahora tenés esto:

<ahref="xxxxxx" etc etc etc el codigo de blogger>
<img src="xxxxx" etc etc etc el codigo de blogger>
</a>

de todo eso, lo unico te interesa saber es el contenido de HREF (la imagen grande) y SRC (la imagen chica que puede ser una miniatura o no)

Simplemente eliminas todo excepto esos dos datos para que el enlace quede así:

<ahref="xxxxxx" rel="thumbnail">
<img src="xxxxx" />
</a>

Podés usar dos imagenes o una y poner el tamaño en la etiqueta IMG:

<ahref="xxxxxx" rel="thumbnail">
<img src="xxxxx" width="ancho" height="alto" />
</a>

Si no se entiende, mandame un mail diciéndome qué post querés modificar, te paso el codigo exacto y ahí podés compararlo con el original.

Responder
Identidad Creativa  

Te mandé un e-mail con toda la explicación detallada para que tengas una idea. Desde ya muchas gracias y espero tu respuesta.

Responder
matius  

Pues a mi blog no le pasa.

Y me parece raro que cuando doy clic en las imágenes de tu blog pasa lo que comentas, he probado en otros blogs y no.

¿No será la plantilla?, yo uso una versión vieja de las mismas.

Responder
Identidad Creativa  

Hola jMiur!, ayer te envié un mail detallándote mi problema ¿lo recibiste? ¿llegó? avisáme así cualquier cosa te lo reevío. Desde ya muchas gracias y abrazos!

Responder
JMiur  

Identidad Creativa:
No he recibido nada, envíalo otra vez, en cuanto llegue te confirmo que por lo menos lo he recibido.

matius:
El problema ya lo han solucionado y todo ha vuelto a la "normalidad". Durante unos días las imágenes se alojaron en algún lugar donde eran inaccesibles y todas las que permanezcan allí, tendrán ese problema, el famoso directorio s1600-R.

Responder
matius  

Pues gracias por la aclaración ya me había asustado.

saludos

Responder
Diluna  

Oh! He encontrado muy útil este post. De echo ya lo he puesto en práctica. Pero he visto que tienes un montón de cositas para el blog. Así que iré visitándote a menudo para aprender de tus palabras!

Enhorabuena por tu trabajo!

Un beso!

Responder
JMiur  

Gracias Diluna, me alegro que te haya sido útil :)

Responder
Rafa  

Sr. JMiur. Una ves mas por aquí. Tengo dos preguntas para Usted.

Quisiera saber como puedo colocar imágenes del lado derecho del Blog sin tener que usar la opción configurar imagen de blogger. Y en segundo lugar me gustaría saber por que cuando publico una entrada nueva en el blog mis suscriptores de feedburner no reciben dicha actualización. Sin mas preguntas por el momento me despido de Usted con todo el respecto que merece.... Por cierto me sorprende y Admiro su dedicación... Saludos.. Excelente Trabajo...

Responder
JMiur  

Lo de la imagen vas a tener que explicarme un poco de que se trata ¿hablas del header?

Las únicas suscripciones que se envian son las realizadas por mail, para eso, en el panel de Feeburner se puede controlar que todo funcione, cuales están activas, etc. Ha habido veces en que alguna ha fallado y tuve que borrarla manualmente pero, es raro. Confirma primero que hayan sido verificadas y estén activas.

Lo que se ve en tu blog es correcto, así que todo debe estar en Feedburner.

Responder
Marvin8  

Hola JMiur!
Tengo un gran problema, lo que pasa es que, yo hace tiempo hice el truco de las imagenes, en la que tu decias, que para que una imagen (subida a blogger) aparesca en su tamaño normal deviamos quitarle un numero de toda la direccion de esa imagen que subimos a los servidores de blogger, es decir ..../s400/imagen.jpg, a eso se le quitaba el "4", yo siempre hacia eso, y nunca me daba problemas, pero ahora cuando estuve en otra maquina me di cuenta que no se veian, y no entendia el porque, pense que solo ocurria en esa maquina, pero ocurria en mas maquinas y en linux, pero en mi maquina y en la de una amigo si se veian, ahora formatie mi maquina y le puse el windows profesional con otro antivirus, y todo eso, y no veo esas imagenes tampoco :(, cual será la razon por la que no aparecen las imágenes?

Ojo: En los ultimos post ya no e usado ese método de quitar el "4", ahora las subo a photobucket, pero si miras en post más antiguos, no se ven las imagenes :S.

Por ejemplo te pongo este post
Ahi en ese post hay una imagen y sin embargo ya no aparece :(
Bueno Jmiur espero por favor me des una respuesta, porque si no me veré en la obligacion de tener que subir todas las imágenes a photobucket :(, y comenzar a editar imagen por imagen(wow que trabajo)

Saludos...

PD: Veo que tu haces lo mismo y sin embargo puedo ver tus imágenes en cualquier computadora.

Responder
JMiur  

Marvin8:
Realmente es algo muy pero muy extraño.

La URL de la imagen existe y la imagen existe, está allí. Puede descargarse sin problema. Peor aún, he copiado el código de tu blog y lo coqué en un blog de pruebas y funciona normalmente.

Tal como dices, no es la única, hay varias que tampoco se ven, incluso algunas de la misma plantilla y sin embargo, todas existen y puedo mostrarlas en mi propio blog sin inconvenientes.

Me has dejado mudo porque parece irracional. No le encuentro explicaciones lógicas.

Antes de hacer mudanzas de imágenes, probaría un par de cosas. Si creas un blog de pruebas con cualqueir plantilla y colocas una de esas imágenes ¿se verá? Tengo la impresión que por algún motivo, algo en la base de datos del blog está corrupto porque no tiene sentido que yo pueda usar tu imagen en un post y tu no. Es absurdo.

¿Se ve la imagen desde el editor de Blogger?

¿Has probado subir una imagen nueva y usar el mismo sistema, cambiar el dato a s00? Como bien dices, no he tenido problemas con eso y es una costumbre habitual.

También probaría "republicar" el post o cambiarle ese dato s00 por s400.

Responder
Marvin8  

Bueno JMiur, gracias por tus consejos, pero al parecer esto sucede porque compre dominio, y al poner el dominio personalizado, blogger ya no me muestra las imagenes en mi blog, en su pagina de ayuda dice eso, que si yo pongo un dominio personalizado solo muestra las que sean menor a 400px, pero al parecer esa es una regla antigua, ya que seguro ahora ya no permite ninguna imagen :(, así que tendré que subir todas mis imágenes a un servidor como photobucket.
O sea creo que si alguien usa la direccion de mis imágenes subidas a blogger, y las pone en un blog que sea blogger es decir .blogspot, si se ve la imagen normal, pero si alguien usa esa dirección de la imagen en un blog con dominio personalizado o una pagina con dominio propio, este no las muestra :(, en mi blog de ensayo si veo las imagenes, y en mi blog normal con dominio personalizado no se ven :(

Igual de todas maneras muchas gracias JMiur!, por tu ayuda, te dejo el texto o reglas que impone blogger y verás:
Ayuda blogger.(lee la parte que dice "Blog*Spot a Dominio personalizado" esta en negrita)

PD: Un mérito más de blogger para hacerme que piense en serio en migrar a Wordpress.org

Responder
JMiur  

Esto es una novedad, realmente desconocía el tema y explica todo. Evidentemente, no se limita a imágenes de más de 400 ya que en la plantilla hay unos íconos pequeños que tampoco se ven; no sé que pasaría si le cambias el enlace para que sea s400 en lugar de s00.

Responder
Fernandooo1  

Marvin,

Muy probablemente tus imágenes en Picasa no tienen marcada la opción de mostrarlas públicamente. "Privadas" acá significa "sólo para Blogger".

También pasé por eso, pero está todo bien ahora.

También, podrías copiar los enlaces directos desde Picasa Web y nos lo de Blogger.

Responder
JMiur  

Es una buena idea y no se pierde nada probando. Ojalá sirva.

Responder
Marvin8  

Hice lo de poner público el album que estaba en picasa, pero nada, sigue igual, muchas gracias igual Fernandoo1, las ideas y el apoyo se agradece.
Luego le puse el "4" (al s00) para probar, a las imágenes pequeñas que estan en la pagina principal, y ahi si funcionaron, ahora me viene otra duda, le pongo el 4 a todas las imágenes, pero si llega el día que me cambie a Wordpress.org, creo que tendría nuevamente ese problema, por lo cual creo que es mejor de una vez subir las imágenes a un servidor como photobucket.

Yo supongo que todo esto es causa de que uso dominio personalizado, por lo cual está en la reglas de blogger no mostrar imágenes mayores de 400px si se usa un dominio personalizado, asi que JMiur sería bueno que adviertas a tus lectores sobre este hecho, al menos a los que usan este método, para que tomen precauciones del caso, claro está que si piensan poner un dominio propio, y si andan con miras a optar por WP con el tiempo.
Es bueno que me pasen todas estas cosas en el camino del aprendizaje, y no cuando sea muy tarde :P

Una vez más gracias, no creo que vea otra forma, y lo mejor para mí creo que es subir esas imagenes a otro servidor, y eso haré, se que será un arduo trabajo pero lo haré.

Saludos...

Responder
JMiur  

No quedan entonces muchas alternativas. Las imagenes pequeñas pueden quedar en Blogger pero las superiores a 400 pixeles no hay más remedio que alojarlas en otro sitio.

Responder
Fernandooo1  

XD Mi header es 562px por 82px, y está alojado en Picasa.

Me refería a que copies directamente las URLs que te da este servicio.

En Firefox es cuestión de hacer click derecho y luego "Copy image location"/copiar ruta de la imagen.

La URL será algo parecida a esta:

http://lh4.ggpht.com/username/SKir3-K0N4I/AAAAAAAAAY4/ODncSBR1iv0/Header2.png

Esta URL suele no funcionar por lo que mencionas, pero si cambias el final (/Header2.png), por:

/s400/Header2.png

El 400 puede ser:

*144, *288, *400, *800, *1600.

Responder
Marvin8  

Gracias a ambos JMiur y Fernandooo1, por sus consejos, pero no habia más que hacer, así que decidí subir toda mi carpeta donde tenia mis imagenes del blog, a photobucket no me quedo otra, y ya estoy cambiando las imágenes, a decir verdad no se me esta haciendo tan complicado, ya que desde el mismo photobucket ordene las imagenes y me da la direccion de la imagen, asi que no tengo que estar moviendo nada, solo puro copiar pegar y publicar :), la verdad no esta tan complicado, el proceso se esta haciendo más rápido, de a pocos pero ahi voy :)
Fernandooo1 tu sugerencia es buena y la pense mientras intentaba resolver mi problema, pero es muy engorroso, y ademas resta tiempo tener que acceder a la imagen clic derecho y pegar, luego denuevo entrar a la siguiente imagen, clic derecho etc, etc, es buena opción pero demanda algo mas de tiempo, y es lo que menos quiero que me gaste más tiempo, ya que es lo que me falta xD, en photobucket salen todas las imagenes y solo doy 1 solo clic debajo de la imagen donde dice "Direct Link", y automaticamente se copia la direccion es decir no hago nada para que se copie, practicamente solo me dedico a pegar :), asi que me quedo con photobucket.

Saludos y gracias...

Responder
Fernandooo1  

Ten en mente que lo máximo que permite Photobucket es 1020x800 creo.

Yo me manejo mejor con Picasa por exactamente esa misma razón :D

De todas formas, suerte!

Y de nada ;)

Responder
KyuBit  

Tenía el mismo problema de Marvin, por suerte no soy el único.
Así que no me queda nada más que agradecer las soluciones :)

Salu2

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Todos los archivos y demos alojados en Fileden han sido redireccionados y deberían estar funcionando correctamente.
De todos modos, también puede accederse a ellos a través de SkyDrive

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR