57

Imagenes sin link en Blogger

Cuando subimos una imagen desde nuestro PC a una de nuestras entradas, Blogger por defecto le añade un link que hace que al pinchar sobre la imagen, esta se muestre en una página nueva a su tamaño real.
Para evitar esto podemos eliminar este link, de tal forma que si pinchamos sobre la imagen no pase nada, simplemente mostraremos la imagen como se ve en la entrada.

Ejemplo: (Pinchar en las imagenes para verlo)

Imagen con link

Imagen sin link

Una vez hemos subido la imagen a nuestro editor de entradas, en la parte del html, el código de la imagen que vemos es este:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_8PJ-pgoBhWQ/Rzg8hpE9uJI/AAAAAAAACjc/snhMorCEbtI/s1600-h/
Dibujo.bmp"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="http://2.bp.blogspot.com/_8PJ-pgoBhWQ/Rzg8hpE9uJI/AAAAAAAACjc/snhMorCEbtI/s200/
Dibujo.bmp" border="0" alt=""id="BLOGGER_PHOTO_ID_5131918324048705682" /></a>

Si nos fijamos en este código podremos observar que está dividido (por así decirlo) en tres partes marcadas por las < > de apertura y cierre:

[1] La parte que hace posible el link a la imagen.
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_8PJ-pgoBhWQ/Rzg8hpE9uJI/AAAAAAAACjc/snhMorCEbtI/s1600-h/
Dibujo.bmp">

[2] La parte que muestra la imagen.
<img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="http://2.bp.blogspot.com/_8PJ-pgoBhWQ/Rzg8hpE9uJI/AAAAAAAACjc/snhMorCEbtI/s200/
Dibujo.bmp" border="0" alt=""id="BLOGGER_PHOTO_ID_5131918324048705682" />


[3] El cierre del código: </a>

Una vez controladas las partes, para eliminar el link de la imagen, nada más simple que borrar el código de la parte [1] y el cierre de la parte tres [3].

Eliminado esto, nos quedará solamente el código que muestra la imagen [2]

Nota
Si lo que queréis conseguir es que el link que añade Blogger cuando pinchemos en una determinada imagen nos dirija a una página en concreto (usar la imagen como link, podéis consultar esta entrada anterior: "Redirigir una imagen en Blogger"

Entradas Relacionadas:

57 comentarios:


toxicboy

¡Rosa!

Perdona pero he estado de mudanza y tengo un perrito. El tema blog como que se ha paralizado... Pero volveré!

Del tema que me preguntaste (el de los links en cascada) no he encontrado la pagina pero te puedo pasar el codigo HTML por mail.

¿Si?

Besos. Por cierto me ha gustado mucho este post. Llevo tiempo preguntandome como coño se quita el link de las imagenes.

Enjoy!!!

Jabba

Eres una artista. Muchas gracias, y por lo que veo no soy el único (toxic boy) que sentía la necesidad de saber como quitar los malditos links. Muchas graciassss!! ;)

Jabba

Intentando rizar el rizo... ¿se puede hacer que ni siquiera salga la mano para hacer click sobre la imagen al pasar la flecha del ratón sobre la imagen? Como si fuera parte del texto vamos...

Vale, mientras escribía este comentario mi vista se ha posado sobre parte del código que tenía detrás de la imagen y se me ha ocurrido probar a modificar el HTML eliminando el "cursor:pointer" o "cursor:hand" se quita. Asi que...

Muchas gracias!!

enrique

Rosa, cómo puedo hacer para decirle a blogger que no me pida la verificación de la palabra en un blog exclusivo para comentarios que tengo?
Me exigen la verificación de la palabra para publicar en él, eso lo hacen automáticamente cuando se producen muchas entradas consecutivas, y entonces ya no entra ninguna. Las entradas a ese blog se hacen por correo electrónico, es complicado de explicar.
Pero lo que quiero es avisarle a blogger que no se trata de spam, que no me lo bloqueen con la exigencia de la verificación.
Una mano, please.
(En la ayuda me dicen que hay una web donde se los puede alertar de eso, pero no es así, porque al cliquear donde dicen no aparece esa famosa web).
Gracias!!!

Rosa

Enrique, tendrás que ponerte en contacto con el soporte de Blogger, ¿has probado aquí?:
https://www.blogger.com/problem.g

Manolo Molina

HOLA, QUERIA SABER COMO SE PONE PARA VER QUIEN TE VISITA EN EL MOMENTO. GRACIAS. TE DEJO MIS DOS BLOG:

http://desajustetv.blogspot.com
http://estoescadiz.blogspot.com

Rosa

Manolo, mira si te sirve esto:

Visitas online

FEM

hola quisiera saber como poner una imagen y mi codigo html que diga enlazame o linkeame por q no se en donde hacer mi diseño ni como sacar el codigo html de mi blog ayudame por fa te dejo mi cooreo gracias quemamucholaluna@hotmail.com y mi pagina es www.oseavipcool.blogspot.com

Rosa

Fem, este es el código, solo copia y pegalo, espero que te guste:

<a href="http://www.oseavipcool.blogspot.com/" target="_blank"><img src="http://img251.imageshack.us/img251/1632/oseavipdc4.jpg" title="Osea Vip" /></a>
<textarea rows="2" cols="14"><a href="http://www.oseavipcool.blogspot.com/" target="_blank"><img src="http://img251.imageshack.us/img251/1632/oseavipdc4.jpg" title="Osea Vip" /></a></textarea>

Javier Iglesias

Hola Rosa. En primer lugar felicitarte por tu gran ayuda. En segundo quería hacerte llegar una consulta-problema que tengo en mi blog: http://quintos94.blogspot.com/ . Verás, cuando colocaba antes una imagen en alguna entrada si pinchaba sobre ella se habría en grande. Ahora no. porque puede ser? En muchas de las fotos he inhabilitado la opción de guardar imagen y demás. Pero en concreto Historia de Guadarrama hay una imagen a la que no he tocado nada y no me deja abrir en grande. Por que? Estaría interesado en que se habriera. Gracias y Felicidades de nuevo.

Rosa

Javier, hace unos días Blogger mostraba ese error, ahora, que yo sepa, ya no lo está haciendo...
¿Has probado a eliminar la imagen y volver a subirla de nuevo?

Javier Iglesias

Hola Rosa. Acabo de borrar la imagen y volver a subirla y me hace lo mismo, es decir, no se abre. Si que permite guardar pero no se puede abrir en grande. Gracias de todas formas.

Javier Iglesias

Si subo la imagen, antes de publicarla sale esto: img id="BLOGGER_PHOTO_ID_5170612247723373762" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://bp1.blogger.com/_jYX0RsidVL0/R8G0cbjV9MI/AAAAAAAAAMg/DOArqcuf53o/s400/Feb18~03.JPG" border="0" />
, y no esto: a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="URL_DE_LA_PAGINA_QUE_QUERAMOS">img style="display:block; margin:0px
auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="http://bp2.blogger.com/_8PJ-pgoBhWQ/Rm0LU1twRHI/AAAAAAAABrw/XqiIOkh13Zo/
s400/menu.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5074724807760692338" /
¿será ese el problema? Como lo podría solucionar. Gracias.

Rosa

Javier, pues así es, ahí está el problema y es un error de Blogger, que ya sucedió hace algún tiempo pero por lo que veo, sigue pasando en algunos blogs.

Vamos a probar una cosa...subes la foto y añades manualmente el código que falta (lo de onblur y eso...) y en donde has puesto en tu comentario "URL_DE_LA_PAGINA_QUE_QUERAMOS" pones la url de la foto que Blogger acaba de darte al subirla, pero fíjate que dentro de la url hay un número que en el caso de tu ejemplo (el que has puesto en el comentario) es s400, pues en la url que colocas en onblur, cambias eso por s1600-h

Tendría que funcionar si Blogger ha guardado la imagen a tamaño real, como hace normalmente.

Javier Iglesias

Muchas gracias. Probaré.

Arreglo de uñas Ya!!!

Hola Rosa, soy nueva en esto de la creación de blogger. Quisiera saber como hago para que debajo de la imagen introducida como entrada aparezca un link que me direccione a otra página de mi blogger, que tenga la misma caratula es decir la misma plantilla de alrededor y lo que cambie sean las entradas.
Gracias por tu ayuda de antemano.

Rosa

Arreglo de uñas, pues lo harías como cualquier otro enlace, colocando la dirección a la que quieres acceder...si pinchas en el título de una entrada, por ejemplo, copias la url que sale en el navegador y la colocas en el enlace, cuando pinches en el, te llevará a esa entrada concreta.

Rosa

JESY2474, saludos desde España para ti :-L

Pepe Castilleja

Rosa, ¿hay alguna forma de evitar que ninguna imagen de la hoja se le cree el maldito link?????????

Rosa

Pepe Castilleja , no, lo siento, si subimos la imagen con Blogger o lo hacemos así (de una en una) o no hay modo (que yo sepa).

El Baron

que groso, siempre encuentro algo interesante aca



saludos y felicitaciones!

Toxik Boys

Mil gracias Rosa, es justamente lo que buscaba. Seguramente vi el titulo de ese post y no lo entendi, o tal vez sencillamente lo pase por alto. Sea como sea disculpa las molestias y gracias!

Pd: al igual que como te felicitan muchos (as), quiero sumarme y darte a ti y a todas las mujeres del mundo los mejores deseos de mi parte y que gracias a ustedes el mundo es bello! Feliz dia de la mujer!

LLR

Felicitaciones Rosa.
Tienes un blog de excelente diseño, contestas todas las preguntas y tienes una paciencia de profeta. Gracias por la enorme oportunidad de dar a conocer y compartir tanta sapiencia. Eres un referente para mi desde el día de hoy. Ya te puede en mi cuenta de delicious y estoy suscrito a tu blog.
Honor al mérito.

Desde el Perú, la Nueva Tierra Prometida.

Lucho La Rosa
llarosac@gmail.com

Rosa

LLR ¡Muchas gracias a ti, por todo! :)

ConstrucArq.

Hola, hay alguna forma de eliminar el link pero en todas las imagenes en movimiento creadas con slide.com
yo tengo creado en slide.com varias imagenes con efecto aleatorio colgados en mi web hasta alli todo bien el problema es que cuando paso con el cursor por uan foto en movimiento esta se detiene y si le doy click esta linkea a otra pagin y lo amplia la foto y eso es justamente lo que no quiero que haga..espero tu ayuda y felicitaciones por el blog acabo de visitar y tienes buenas ayudas. gracias.

Jesus

Rosa

ConstrucArq. No que yo sepa :( Ese es el "precio" que tenemos que pagar por usar ese tipo de servicios.

kyorio99

Que tal?, bueno mi pregunta es,
como puedo eliminar el link de página principal de la cabecera, he puesto unos botones y es difícil de usar el botón de inicio o es más práctico clickear el header para ir a la pagina principal y eso no me gusta, ojala puedas decirme como, entra en mi blog y avisame si has publicado alguna respuesta, que volveré a tu blog amigo, sañu2,también puedes escribirme en el cbox que tengo en mi página, ya que ingreso a ella diariamente salu2 :)

Rosa

kyorio99 Con los artilugios expandidos, verás algo parecido a esto (es como está en mi blog):

<div id='header-inner'>
<a alt='El Escaparate de Rosa' expr:href='data:blog.homepageUrl' style='display: block' title='El Escaparate de Rosa'>

En el tuyo será igual pero con tus datos... elimina expr:href='data:blog.homepageUrl'

Chaantii

Hola!

Tu blog es increible! Yo soy novata en esto y aqui consigo muchisima ayuda.

Gracias!

PJ Tena

Hola, Rosa, llevo siguiendo un tiempo tu blog y me ha servido de mucha ayuda.

Tenía la misma duda kyorio99, pero hay un problema: a pesar de desaparecer el enlace, sigue cambiando el fondo de la imagen cuando pasas el ratón por encima de la cabecera. No te puedo pasar la dirección del blog porque está en construcción, no es mío y no es público de momento, pero para que te hagas una idea, es como cuando creas una imagen dinámica con el dreamweaver que, aunque no tenga ningún enlace, al pasar el ratón por encima cambia de color. Hemos subido una imagen a la cabecera en formato png entrelazado con fondo transparente con la intención de que siempre quede transparente, pero nos da el problema al pasar el ratón por encima y entonces sí que aparece un color de fondo en toda la cabecera. No sé si me he explicado bien. ¿Sabrías decirme cómo arreglarlo?

Muchísimas gracias por todo.

Rosa

PJ Tena Será un hover que estará aplicado en esa parte... sin ver el blog no puedo decirte mucho más...

PLACEBO

Tengo una duda, cerre mi blogger para ver si mis imagenes de una publicacion en mercadolibre se borraban y todavia siguen! copie la URL de la imagen, pero no tengo como borrarla para siempre! ¿Habrá alguna manera???

gracias!

Rosa

PLACEBO ¿Donde están alojadas esas imágenes? es decir... ¿las subiste a Blogger directamente desde tu pc a una entrada o desde algún otro lugar?

jh

ROSA: la imagen se encuentra acá

http://4.bp.blogspot.com/_W8DfBXhRLok/St4S3YZqTNI/AAAAAAAAAA8/SKOx3oifRNY/s1600/PARA%2BPUBLICACION.jpg

subi la imagen como nueva entrada. Borre todas las entradas pero quedó el link (calculo en el servidor de ellos...)

Gracias!

Rosa

jh Cuando subes una imagen a Blogger desde tu pc como es este caso, las imagenes se alojan por defecto en Picassa donde se crea un álbum de imagenes para cada blog que hagas.

Has de ir a Picassa y entrar con tus datos de Blogger, ahí eliminas las imágenes que quieras y al cabo de unas horas dejaran de verse donde estén usando esa url.

http://picasaweb.google.es/home

jh

ROSA: Intenté con lo de picassa pero no hubo caso, no hay imagenes en la cuenta!! :((

PLACEBO

ah! listo!! tenias razon!! pasa que ingresé con otra cuenta!! :$

la voy a eliminar a ver si desaparece de Mercadolibre.....

MIL GRACIAS!!!

Rosa

PLACEBO Si en Mercadolibre están usando la url directa de tu imagen (si te han robado la url por así decirlo) acabará desapareciendo de allí... si han tomado la imagen y la han subido a otro alojamiento de ellos entonces no:(
A mi me pasa a veces que me las toman y elimino en Picassa y en la entrada y vuelvo a subirla (para que la imagen cambie de url) y así quien la tomó sin permiso se queda sin ella ;)

¿Quién te lo dijo...

Rosa, sabes que a onblur="try a mi no me aparece cuando inserto una imagen. Buscando muuuuchoooo he encontrado que una opción para que no tenga link las imágenes es ponerle # reemplazando el http:// en el href que invoca a la imagen.
Estoy viendo que en mi plantilla hay cosas que no aparecen (como este ejemplo)... ¿pq será?.
Sds.
JC

Rosa

¿Quién te lo dijo... En este ejemplo se muestra el código de la imagen tal como se ve cuando accedes al panel de Blogger desde Blogger in Draft... quizá ese fue un error mio... pero bueno, tu solución tampoco está mal, aunque si te fijas prácticamente la forma de hacerlo aun con el código del Blogger normal es muy parecida...

¿Quién te lo dijo...

Rosa, ni te disculpes mujer!!!, justo vos que nos ayudas tanto...
Bueno, la verdad que he querido probar con este código # y ya ves, funcionó. Además, ni idea como acceder al panel de Blogger en versión Draft para ver ese código que me mencionabas (tampoco se para que se usa.. jaja!!).

Jose Antonio

Hola Rosa tengo un Problema y esque quiero poner asi todas las imagenes de mi blog que puedo hacer? GRACIAS.

Rosa

Jose Antonio Hacerlo de forma manual... no hay un método para hacerlo a todas de forma automática.

Axun

Hola Rosa.
Mi problema es precisamente el contrario: subo fotos al blog de dos formas distintas: una directamente desde el álbum de picasa y la otra forma es hacerlo con un código que encontré en el foro, para hacer que dos fotos estén a la par en horizontal. El caso es que al pinchar sobre la foto que subo sola, ésta se abre, se amplía, pero las que están colocadas en horizontal, no. ¿Cómo podría solucionar eso, para que todas las fotos se abran?
Gracias.

Rosa

Axun Para que se abran has de subirlas o desde Picassa o desde tu PC, pero siempre en el editor de Blogger...

Axun

Y eso hago, pero las imágenes que subo con el botón de subir imágenes se amplían, y las otras, las que pongo a la par en horizontal con el código que escribo en html, no se abren.

Rosa

AxunCreo que no nos entendemos o no se... yo subo una imagen desde mi pc a una entrada y desde ahí mismo le doy la posición en el cartelito que sale para alinear a izda o derecha, subo otra y la coloco de la misma manera... no necesito ningún código extra que no sea el que Blogger coloca...

Axun

Hola Rosa.
Te mando un mail explicando todo desde el principio.
Un saludo
Axun

Toxik Boys

Hola Rosa, espero que estes bien.

Te quería hacer una consulta. A veces en un mismo post por temas de uso prefiero dejar algunas imagenes con link y otras sin, sin embargo, en ocaciones blogger por decirlo de alguna forma se acostumbra a que saque los links de las imagenes y las sube sin dejarme el link, luego cuando publico la entrada la imagen no se agranda generandome un problema. Será posible que blogger SIEMPRE me de las imagenes con link y cuando yo lo prefiera se lo saco? o será posible poder ponerle el link a las imagenes, ese que tu nombras como "La parte que hace posible el link a la imagen"?.

Saludos!!!

Rosa

Toxik Boys "Blogger se acostumbra a que saque los links"... nunca leí algo así... Blogger hace lo que le indicamos en los códigos... si hay link lo abre, sino es imposible... y en su editor siempre hay link, hasta que lo sacamos de forma manual...

Gio

hola Rosa. Sabes si hay algun codigo para que el link de la imagen solo este dentro de los limites de esta?. Es que en mi blog al pasar al cursor fuera de la imagen se activa la manita, y he visto que en otros solo hasta que metes la flecha a la imagen se activa

Gio

Yo me refiero a cuando si hay link en una imagen, pero al mover el cursor a un lado de la imagen se activa la manita y yo quiero que no se active sino hasta que el cursor este dentro de la imagen y no afuera

Rosa

Gio No hay ningún código, el cursor-manita a parece en el enlace que se le indique... tampoco he podido ver nada ya que no indicas el blog y en tu perfil hay como para ponerse a mirar... :S

Nicolas

Hola, como publico en mercado libre mas fotos, tengo entendido que se puede usando el picasa, pero necesito saber como se hace?
Gracias.

Rosa

Nicolas No se ni que es "mercado libre" así que no puedo ayudarte...

Publicar un comentario en la entrada

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S