Eliminar enlace de la imagen

4 de junio de 2009 123 comentarios ,
Cuando subimos una imagen para publicar desde Blogger esta carga con dos links, uno para mostrar la imagen en miniatura y otra para ver la imagen en tamaño real.
Normalmente el código de una imagen es algo así:
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/_qgZA1ny_dAs/SigH7fDv1YI/AAAAAAAABio/K_UBPQ-yqQg/s1600/landscapetree.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="http://3.bp.blogspot.com/_qgZA1ny_dAs/SigH7fDv1YI/AAAAAAAABio/K_UBPQ-yqQg/s200/landscapetree.jpg" width="200" /></a></div>

Para quitar el enlace al tamaño real debes eliminar lo que está en color rojo. Con eso evitarás que la imagen se abra. El resultado será este:



Imagen CON vínculo


Wallpaper árbol solitario
Imagen SIN vínculo


Si deseas que se abra el vínculo para ver el tamaño real pero que se abra en otra ventana entonces agrega lo que está en color azul:
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/_qgZA1ny_dAs/SigH7fDv1YI/AAAAAAAABio/K_UBPQ-yqQg/s1600/landscapetree.jpg" target="_blank" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="http://3.bp.blogspot.com/_qgZA1ny_dAs/SigH7fDv1YI/AAAAAAAABio/K_UBPQ-yqQg/s200/landscapetree.jpg" width="200" /></a></div>

El resultado será este:
Imagen con vínculo en ventana aparte

IMPORTANTE: Recuerda dejar un espacio en blanco antes de target.


123 comentarios en:

" Eliminar enlace de la imagen "

  1. Hey bro, ya que nos has sorprendido con otra foto de tu jardín y que siempre nos enseñas cosas nuevas, voy a aprovechar para hacerte otra pregunta. Siempre he copiado y pegado los códigos, creo que por eso se tan poco sobre este lenguaje. Mi pregunta sobre este tema es:

    ¿cual es la ubicación del target="blank"?

    ¿siempre se coloca luego de la imagen?

    Disculpa la ignoracia, pero quiero aprovechar todo lo que sabes para aprender de una vez por todas.


    Un abrazo!!!

    ResponderEliminar
  2. De hecho abajo de ese árbol es donde se toma el té en las mañanas, jajaja.

    El target="blank" se coloca siempre al final del vínculo que deseas que abra en otra pestaña. En este caso se pone sólo en la primera URL, pues es esa la que contiene la imagen en tamaño real. La otra URL sólo se encarga de mostrar la imagen dentro del post.

    Un abrazo.

    ResponderEliminar
  3. ¿¿Y es ese mismo árbol en donde por las noches se toman las cervezas??

    jajajajaja.


    Gracias por la info bro. Me será de gran utilidad! Está muy bien explicado.

    Un abrazo!!!

    ResponderEliminar
  4. oye bro, te hago otra pregunta:

    ¿cuantos soles iluminan tu jardín?

    Pregunto porque ese pequeño árbol hace sombra en todas las direcciones!

    jajajajajaja!

    ResponderEliminar
  5. Uno de los dos está dopado porque yo sólo veo una sombra, jajaja.
    Quizá da ese efecto por el color del pasto alrededor del árbol.

    ResponderEliminar
  6. Cierto!! tienes razón. Soy yo el dopado!!!! ajjajajajajajaja.

    Ahora que veo bien no habia notado que el cesped del jardín es Frances y rodeando al "árbol del te" has sembrado cesped Italiano. Disculpa , no vi ese detalle. Debí imaginarlo conociendo tu Glamour!!!


    jajajajajajajaja!!!

    ResponderEliminar
  7. Jajajajajajaja, es para que todo convine con el juego de té de porcelana china, jajaja.

    ResponderEliminar
  8. Muchas gracias por el codigo lo voy a chekar aver si me funciona bien

    ResponderEliminar
  9. Vale SpOtT, cualquier cosa me comentas.
    Saludos.

    ResponderEliminar
  10. Gracias a ti por tu visita Pab10
    Saludos.

    ResponderEliminar
  11. hola Potro soy yo de nuevo.
    cambie la imagen q venia por defecto en mi plantilla y puse un logo pero me molesta q se mantenga el enlace ya lo quite pero aun cuando le paso el raton por encima se ilumina la parte inferior y si le doy click me redirecciona.

    lamento ser tan confuso...

    uso blogy-webby

    saludos. :)

    ResponderEliminar
  12. Hola Chrome-G,

    Mira en el código de es imagen y verás que al inicio empieza con esto:

    <a href=''>

    y termina con </a>

    Elimina ambos y desaparecerá el enlace.

    Saludos.

    ResponderEliminar
  13. muchisimas gracias!!!, no sabes de verdad cuan agradecido estoy, ademas tan rapida la respuesta.

    una vez mas gracias!

    mis respetos para ti

    ResponderEliminar
  14. Gracias Chrome, sólo intento ayudar.

    Saludos.

    ResponderEliminar
  15. Hay una manera MUY facil de hacerlo sin usar la vista HTML.
    En el modo redactar.
    Insertar la imagen.
    Tocar la imagen y hacer click sobre el icono de enlace (el que tiene como una cadena en un mundo situado en la parte de arriba de la ventana de composicion)
    Borrar http:// y listo !
    el enlace queda eliminado

    ResponderEliminar
    Respuestas
    1. y eso del modo redactar como es...?? explica hay gente que no entiende

      Eliminar
    2. No hay mucho que explicar, mucho de todo esto se trata de observar, si creas una entrada verás que en el editor de entradas hay dos pestañas, una dice HTML y la otra Redactar, a esa se refiere.

      Eliminar
  16. Hola Diverso Magazine,

    Qué excelente idea, no se me había ocurrido, y sí, es más sencillo con tu método.
    Gracias por el aporte.
    Saludos.

    ResponderEliminar
  17. Hola! me sirvió muy bien, muchas gracias!! =)

    ResponderEliminar
  18. saludos, ante nada gracias por su ayuda que es super. tengo la misma duda, habrà un metodo que se pueda poner en la plantilla del blog porque me bloqueo en los artilugios, etc. perdoname es que tengo 34 anios y ya me veo algo anciana para el internet :(

    ResponderEliminar
  19. Hola Marener,

    Estás en excelente edad para el uso del Internet.
    Este método sólo se usa cuando se redacta una entrada, no se puede (o al menos no lo conozco) un método que se ponga directamente sobre la plantilla. Así que para quitar el enlace de las imágenes se deberá hacer cada vez que se suba una imagen en Blogger.

    Saludos.

    ResponderEliminar
  20. hola
    mil gracias por ayudarme, bueno estoy en la segunda etapa, de mi calvario,
    pero he puesto un post, vi en codigo htlm de las fotos y no me sale eso que pones tu en rojo :(
    cuando hago clic en las fotos se pueden agrandar y ver y ahi copian, uff,perdoname si te molesto
    mil gracias por todo eres el solete !!

    ResponderEliminar
  21. Revisa bien el código de la imagen, todas las fotos que se suben desde Blogger arrojan un código como ese. Ojo, no es exactamente igual, varían algunas letras, pero en esencia es lo mismo.

    Saludos.

    ResponderEliminar
  22. Hola Potro veras, no encontre una entrada relacionada a lo que yo busco, es por eso que escribo aqui, mi pregunta es, como puedo hacer para agregar una pestaña parecida a la de Jmiur, hasta abajo del blog, para los directorios, ya que a mi ya me molestaron donde los tenia y se me hizo una buena idea que aparecieran con un codigo, solo al dar clik sobre el y se abriera no se, una miniventana para poder verlos, me podrias ayudar con el codigo? Saludos.

    ResponderEliminar
  23. Hola Borest,

    Desconozco qué método habrá usado para conseguir ese efecto; lo mejor sería que le preguntaras a él y que te diga con certeza como hacerlo, seguro no habrá ningún problema en comentarle :)

    Saludos.

    ResponderEliminar
  24. ok :D mira lo que pasa es qu elo hice pero me dio una explicacion que nunca entendi :S y pues a ti te entiendo mas :) jejej era por eso. Saludos.

    ResponderEliminar
  25. Entonces supongo que sí debe ser complicado, yo nunca he hecho un truquillo que haga eso :S

    ResponderEliminar
  26. Haaa, nunca es tarde jeje. Oye potro cambiando de tema, si queremos hacer que cuando pase el mouse no aparezca como si fuera un vinculo en la img, pero no la hemos puesto en blogger, como se puede hacer? Mira un ejemplo, puse un menu como el tuyo de SIGUEME EN TWITTER, SUSCRIBETE, etc. El problema es que en los iconos la img si le clikeas te manda al host donde esta la img, y yo quiero o que no se vaya al host o que se valla a mi twitter o la suscripción, que se debe de agregar o quitar? Mira la verdad ya lo sabia pero lo olvide :S hechame una mano.Saludos.

    ResponderEliminar
  27. Hola Borest,

    Es que el código debe ser así:

    <a href="URL del enlace"><img src="URL de la imagen" /> Sigueme en Twitter</a>

    Sólo cambia las URL que se indican y el otro texto.
    Saludos.

    ResponderEliminar
  28. Ah ok, muchas gracias :D aunque ya lo hice pero al poner el mouse tambien me selecciona con una linea por debajo al icono, pero de todas formas gracias :D
    Saludos.

    ResponderEliminar
  29. Entonces pon al inicio el código de la imagen ;)

    ResponderEliminar
  30. Ah pura vida me funciono !!

    ResponderEliminar
  31. Hola mi consulta es la sgte. tengo en blogger esta web http://www.automotorescorona.com.ar en el cual tengo una plantilla que me permite publicar solamente las fotos de cada post... me gustaria saber como puedo hacer para eliminar el link de la foto, pero directamente de la plantilla, o sea modificando el codigo xml, alguien me podria ayudar?

    ResponderEliminar
  32. Desconozco el funcionamiento de esa plantilla pero en teoría si sigues los mismos pasos de este post debe eliminarse el enlace.
    Ahora, no hay ningún método en el que se eliminen de forma automática todos los enlaces, eso es algo que se debe hacer manualmente y uno por uno.

    Saludos.

    ResponderEliminar
  33. JEJEJE PERDON POTRO POSTIE ALGO EN "Botón de Facebook flotante" POR ESO NO ENTENDISTE JEJEJEJE....
    MI DUDA ES: COMO PUEDO HACER PARA QUE AL DARLE CLICK EN LA MINIATURA (IMGAEN EN MINIATURA) ME MANDE AL POST DEL CUAL PERTENECE DICHA MINIATURA? AQUIE HAY UN EJEMPLO: http://nejofriki.blogspot.com/ LA ENTRADA SE LLAMA "HOLA POTRO" BUENO SI LE DAS CLICK ALA IMAGEN TE MANDA A LA URL DE LA IMAGEN Y YO QUIERO QUE AL DARLE CLI EN LA MINIATURA ME MANDE PERO AL POST...

    HICE LO QUE INDICAS EN ESTE POST Y LOGOR CAMBIAR LO QUE TU PUSISTE EN ROJO POR EL LINK DEL POST A DONDE PERTENECE LA IMAGEN.... PEOR ES TEDIOSO HACERLO POR CADA ENTRADA QUE HAGA.. ¿SE PUEDE HACER ESTO DE FORMA QUE QUEDE AUTOMATICO?

    ResponderEliminar
  34. Desconozco si pueda hacerse de forma automática, ya que esa plantilla tienen características muy especiales como el hecho de mostrar en la miniatura sólo la imagen y no el resumen del post. Ya con eso es un indicio de que la plantilla tiene códigos ordenados de otra forma y probablemente use scripts.
    Siento no poder ayudarte.

    Saludos.

    ResponderEliminar
  35. Hay forma de modificar la plantilla html de blogger para que nunca más me abra las imagenes sino en {target="blank}, porque eso de estar modificando entrada por entrada se me hace un mundo, jajaja.

    ResponderEliminar
  36. Nop, por defecto Blogger las sube de esa forma.

    ResponderEliminar
  37. Hola Potro, excelente página. He podido seguir las instrucciones sin problema.
    Gracias

    ResponderEliminar
  38. Excelente Patricia, qué bueno que no tuviste complicaciones :)

    ResponderEliminar
  39. Muchísimas gracias amigo!!!!

    me super sirvio!!!!

    ResponderEliminar
  40. Ando buscando una manera para kitarle el link a las imagenes pero kiero saber si puedes modificar esto desde la parte de la configuracion del blog para no tener que acerlo con cada imagen que suba al blog

    www.lawebadeloso.blogspot.com

    ResponderEliminar
  41. No hay alguna configuración que haga eso, tienes que hacerlo manualmente para cada imagen individualmente.

    ResponderEliminar
  42. Para comenzar, que pases unas felices vacaciones. Cuando puedas me contestas. En los enlaces de las imagenes que se insertan en las entradas no encuentro la parte del código sobre el ratón(verde en tú post). He probado ha eliminar la parte en color rojo y también lo he hecho como indica "Diverso Magazine" pero no me permite quitar el enlace a aquellas images que inserto junto al texto (a izquierda o derecha) solo me lo permite en aquellas que inserto independientes del texto.

    Un saludo

    ResponderEliminar
  43. Hola Blincacequias,

    Si lo has subido desde Blogger debe aparecer la parte en color verde que es la que hace que se muestre el cursor con la manita señalando.
    Respecto a lo otro sí debe poderse sólo que quizá estés usando el editor avanzado y ahí puede variar un poco el código.
    Mira esta entrada para saber cómo dejar códigos en los comentarios y pega aquí mismo el código de una imagen con la cual tienes el problema.

    Saludos y disculpa por tardar tanto en responder.

    ResponderEliminar
  44. No lo se. Estoy perdido. Las imagenes las cargo desde blogger pero como te digo no encuentro el fragmento verde y no me deja alinear las imagenes ni a derecha ni a izquierda entre el texto(como las tengo en mi blog). Solo me lo permite si las pongo junto al texto o separadas de este.
    Te pego el código de una imagen cargada hoy.


    <a href="http://2.bp.blogspot.com/_rcs4c1qNY_A/TEcpYZKu2AI/AAAAAAAAAFI/RTiw9b6P9S8/s1600/1279728781_0.jpg" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" ox="true" src="http://2.bp.blogspot.com/_rcs4c1qNY_A/TEcpYZKu2AI/AAAAAAAAAFI/RTiw9b6P9S8/s200/1279728781_0.jpg" width="200" /></a>

    Un saludo

    ResponderEliminar
  45. Bien, el código que mencionas no tiene el atributo en color verde pero la manita que indica que hay un enlace aun aparece, la razón, pues porque no has eliminado el enlace, que sería el que te pongo en negrita:

    <a href="http://2.bp.blogspot.com/_rcs4c1qNY_A/TEcpYZKu2AI/AAAAAAAAAFI/RTiw9b6P9S8/s1600/1279728781_0.jpg" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" ox="true" src="http://2.bp.blogspot.com/_rcs4c1qNY_A/TEcpYZKu2AI/AAAAAAAAAFI/RTiw9b6P9S8/s200/1279728781_0.jpg" width="200" /></a>

    Al eliminar eso la imagen ya no estará alineada, mejor dicho, por defecto se alineará a la izquierda pero el texto podrás manipularlo y ponerlo donde sea.
    Cuando subes la imagen ahí aparece la opción de cómo quieres que se alinee la foto, ya sea a la izquierda, derecha o centro.

    Saludos.

    ResponderEliminar
  46. Gracias Potro.

    Ahora ya lo entendi y salio perfecto. Un abrazo y gracias

    ResponderEliminar
  47. Y si la separación entre las imágenes subidas de un post es mucha?
    Como la puedo achicar?

    ResponderEliminar
  48. Eso depende, es posible que sea la plantilla que agrega esas separaciones, necesitaria ver el blog donde tienes esa separacion para ver si va por ahi el problema.

    ResponderEliminar
  49. Oye muchísimas gracias por este post, me está siendo muy útil para proteger mis fotos. Muchas gracias y pásate por mi blog cuando quieras, espero serte útil yo también. http://aburrirsenogracias.blogspot.com/

    ResponderEliminar
  50. Buah, he descubierto que no me está sirviendo tanto... Algunas de mis fotos siguen con el enlace. He leido todos los comentarios del hilo y he hecho todo lo posible y hay algunas que les elimino el enlace pero cuando las muevo, éste vuelve a aparecer, por lo que nunca consigo tenerlas donde querría con respecto al texto /y por supuesto sin enlace)... Es como si el código se volviese a generar solo... No se que hacer ya, la verdad...

    ResponderEliminar
  51. Haz esto, edita tu entrada y mueve las fotos al lugar que deseas, dale formato a tus textos, etc.
    Ya cuando esté todo como quieres cambia de la pestaña Redactar a la pestaña Edición de HTML. Ahí elimina el enlace de la imagen.

    Si después deseas mover la foto de nuevo no lo hagas desde la pestaña Redactar, hazlo desde la pestaña Edición de HTML para que conserve su formato y no se agregue de nuevo el enlace.

    ResponderEliminar
    Respuestas
    1. Hola! gracias por los datos, pero me quedo la intriga, de como mover las imagenes desde html, ¿sabrías decirme?

      Eliminar
    2. Este comentario ha sido eliminado por el autor.

      Eliminar
    3. Al editar tu entrada verás dos pestañas, una dice HTML y otra Redactar. Si entras en HTML verás el código de la imagen (como en el ejemplo), ese trozo de código es el que puedes cortar y pegar en el área de la entrada que prefieras.

      Eliminar
    4. Hm, no se si nos entendemos... verás, cuando les saco el link las imagenes se corren a la izquierda, y cuando las llevo a la derecha se pone el link, si se lo saco desde html, vuelven a moverse, te muestro un ejemplo, de donde las quiero (es la huellita) http://i746.photobucket.com/albums/xx103/nekichi/Captura_zpsceeb25ed.png
      Sabes como quitarle el link y dejarla de ese lado, sin que haya que mover el resto de las imágenes?

      Eliminar
    5. Quítales el link, luego en Redactar puedes alinear la imagen.

      Eliminar
  52. Potro!! sabes porque no sigue cargando el preloader?? entra a mi blog http://kronzio.blogspot.com se queda en 98% y no sigue cargando :(

    ResponderEliminar
  53. Maestro ojala que me pueda ayudar por que ya he movido varias cosas y no me gustaria quitar el preloader le da una apariencia un poco mas profesional al blog

    ResponderEliminar
  54. Eso sucede cuando hay una imagen rota, o cuando un gadget o imagen tarda demasiado en cargar.

    ResponderEliminar
  55. Este podría ser el problema, aquí tienes una imagen mal colocada:

    <a href="'http://creativecommons.org/licenses/by/2.5/mx/'" rel="'license'"><img alt="'Licencia" src="'http://i.creativecommons.org/l/by/2.5/mx/80x15.png'" style="'border-width:" /></a>

    Si te fijas tanto la URL del enlace como la URL de la imagen se encuentran entre comillas dos veces, pusiste primero comillas dobles y luego ahí mismo comillas simples, eso hace que la imagen no cargue.

    ResponderEliminar
  56. Muchas gracias, ¡ahora sí me funciona!

    ResponderEliminar
  57. donde puedo conseguir una caja que las noticias ultimas se pongan hacia abajo alternativo y sean moviles gracias por ayudar potro espero respuesta

    ResponderEliminar
  58. Hay uno hecho con flash que te podría interesar:
    http://ciudadblogger.com/2009/06/ultimas-entradas-con-gadget-en-flash.html

    ResponderEliminar
  59. Hola Potro,
    Me surge una duda!. Como puedo eliminar las fotos que quedan archivadas en "desde este blog".
    Cuando le doy a CANCELAR, no cancelo la foto, sino el recuadro de añadir imagenes?>.
    Muchisimas gracias por tu ayuda..
    Tu seguidor fiel,
    Jose

    ResponderEliminar
  60. Hola Jose,

    Esas fotos no desaparecen de ahí hasta que no sales de la edición de esa entrada. Si publicas la entrada o la guardas y luego te sales de esa área podrás regresar, editar de nuevo y ya no aparecerán las imágenes ahí.

    Saludos.

    ResponderEliminar
  61. Hola Potro,
    Muchisimas gracias por el dato!..
    Tu seguidor fiel,
    jose

    ResponderEliminar
  62. Hola, me puedes ayudar con esto, cuando comparto mi entrada en facebook, este automáticamente escoge cualquier imagen, incluso de otra entrada, como hago para escoger la primera imagen de la entrada que publico. gracias!!

    ResponderEliminar
  63. Hola rossibrochero, eso depende de Facebook más que de nosotros, desconozco en qué se base para tomar la imagen que publica :/

    ResponderEliminar
  64. Pero Potro eso se tiene que hacer en cualquier imagen que pongamos? No hay ningún code para que lo haga para todas las imagenes?
    Disculpa mi ignorancia, gracias!

    ResponderEliminar
  65. Tiene que ser manualmente para cada imagen donde se quiera quitar el enlace, no hay una forma automática :/

    ResponderEliminar
  66. vale gracias por todo, saludos! Tu blog es genial!

    ResponderEliminar
  67. ...buenas!!! tengo una seria duda... resulta que en mis entradas, normalmente luego de escribir agrego una imagen al costado izquierdo o derecho del texto, de manera que la imagen comparte el mismo espacio que las palabras. Y resulta que cuando aplico lo que dices tu, la imagen me queda arriba de todo el texto o abajo de todo el texto, y al ver a acomodarla, vuelve a aparecer el link hacia la imagen D:

    ResponderEliminar
  68. Entonces no estás eliminando sólo lo rojo sino también lo que hay alrededor. Si eliminas lo demás también eliminarás los estilos que hacen que la foto se acomode en el lugar que elegiste.
    Quita sólo lo que está en color rojo, nada más, y no tendrás ese problema.

    ResponderEliminar
  69. quiero quitar el target pero no puedo ,como hago...lo borre uno en uno en la plantilla pero igual no cambia en nada , ayudame. gracias.

    ResponderEliminar
  70. ¿En cuál blog? ¿en qué parte está ese código que quieres quitar?

    ResponderEliminar
  71. Hola, soy totalmente nuevo en esto de los blog. Lo he creado porque leí sobre una página, FOTOMOTO de la que hablan bien para venta de fotos online, pero por alguna extraña razón,las fotos no se cuelgan directamente en dicha página, sino que
    trabajan a través de enlaces desde otras páginas o blogs. Asi que estoy haciendo uno con blogger.No entiendo como este tipo de opciones para evitar descargas de tus fotos no están facilitadas por los propios blogs en sus opciones de configuración.
    Bueno gracias a tus tutoriales, he conseguido deshabilitar el botón derecho y que las imágenes no se abran en una ventana nueva. El problema es que cuando elimino la opción de abrir en una ventana nueva, los enlaces a FOTOMOTO que se instalan con un gadget y que deben aparecer bajo cada foto, parecen todos juntos al final de la publicación y desordenados.
    Bueno tras este peñazo, mis preguntas son:
    ¿Se pueden reordenar los enlaces de descargas y colocarlos en su sitio?
    ¿Al eliminar el enlace para que no se abra en una ventana nueva, FOTOMOTO puede acceder al archivo de tamaño real para poder realizar impresiones de calidad?
    ¿Se puede crear un marca de agua que aparezca automáticamente cada vez que cuelgo fotos en el blog pero permitiendo que FOTOMOTO acceda al archivo en tamaño original y sin marca de agua?
    Pido mucho ¿Verdad?
    Si me podéis solucionar mis dudas os lo agradecería enormemente. Muchas gracias de antemano. Saludos.

    ResponderEliminar
  72. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  73. Hola de nuevo, el problema con los enlaces de FOTOMOTO ya está solucionado, no se que habría cambiado, pero eliminé y volví a subir las fotos y aparecen correctamente debajo de cada una. Sigo interesado en las otras preguntas, gracias.

    http://fotouve.blogspot.com/

    ResponderEliminar
  74. Hola Jesús Uve,

    Me encantaría ayudarte pero nunca he usado ese sitio en mi vida por lo que desconozco qué opciones ofrezca (en cuanto a personalización y demás preguntas que tienes), así que ignoro por completo qué posibilidades tenga usar ese servicio.

    Saludos.

    ResponderEliminar
  75. Hola Potro.. aqui estoy perdida, eso lo encuentro en edición de html.. o en donde elimino eso rojo
    saludos.

    ResponderEliminar
  76. Eso lo encuentras donde tengas la imagen, si es una imagen de una entrada entonces debes editar la entrada, entrar en la pestaña Edición de HTML y no en la de Redactar, y ahí verás el código de la imagen.

    ResponderEliminar
  77. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  78. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  79. Gracias ya di.. andaba en otro lado.. jejeje saludos:)

    ResponderEliminar
  80. POTRO !! GRACIAS!! CON ESTO SOLUCIONE MIS PROBLEMAS ESTE PASO ES GENIAL PARA QUE NO TE COPIEN (BUENO AL MENOS DIFICULTA MAS EL TRABAJO)LAS FOTOS AL MENOS SI ERES PINTOR FOTOGRAFO COMO ES MI CASO!! CHEVERE POTRO GRACIAS POR TU AYUDA Y UNA PREGUNTA ESTO TAMBIEN SIRVE PARA SITES DE GOOOGLE???

    ResponderEliminar
  81. Nunca he hecho una página en Google Sites, pero si tienes acceso al código de las imágenes sí puedes hacerlo. Saludos!

    ResponderEliminar
  82. Muchas gracias por el know how. Saludos. Constantemente aprendiendo de ésta web.

    ResponderEliminar
  83. Hola!!
    A ver si me puedes ayudar como hago para que la foto ni se abra ni deje usar el botón derecho para guardarla??
    Muchas gracias!!

    ResponderEliminar
  84. Hola Patricia,

    Debes seguir el mismo procedimiento de esta entrada, pero además usar un código como este:
    http://ciudadblogger.com/2009/10/como-evitar-que-te-copien-imagenes-y.html

    Saludos.

    ResponderEliminar
  85. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  86. Hola cafe72, ¿cuál método usaste para evitar que copien la imagen, y en cuál blog tienes el problema?

    ResponderEliminar
  87. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  88. Hola cafe72,

    Con ese método el código debe aplicarse a cada una de las imágenes que se quieren proteger.
    Si te fijas en la última entrada que tienes publicada la primera imagen que sí tiene el código muestra el aviso, pero las otras como no tienen el código se pueden copiar. Si a todas las imágenes les pones el código no habrá problemas.

    Saludos.

    ResponderEliminar
  89. hola potro, me sirvio muxo lo de la ultima consulta ke te hize, eres un makina tio, gracias por eso, ahora vengo a preguntarte algo sobre porque no me abre el lightbox, lo tengo activao desde: configuracion > Formato, pero en mi web, no me abre la imagenes en lightbox, chekea mi web, www.lirikfull.com, espero tu pronta respuesta gracias

    ResponderEliminar
  90. No lo sé Andresiyo, sé que hay quienes aun activándolo no funciona, nunca he sabido la razón, supongo que podría ser un problema de Blogger. En esos casos lo mejor es ir al Foro de Ayuda de Blogger para que un empleado de Google pueda revisar el problema.

    ResponderEliminar
  91. Potro eliminando el enlace de la imagen hace que esta ocupe menos espacio en nuestro blog y con ello sea menos pesado ? o es indiferente?

    Gracias!!

    ResponderEliminar
    Respuestas
    1. No, no tiene nada que ver con la velocidad de carga del blog.

      Eliminar
  92. Hola: Ayer te mandé este comentario, pero no había cliqueado la suscripción y no sé si te llegó.
    Te explicaba allí que estoy armando un blog muy sencillo con mis cuentos. Pegaba los textos y una o dos imágenes alusivas para decorarlos.
    Al compartir con Facebook para que los vieran mis amigos, se me daba la posibilidad de elegir imagen, entre las dos o tres que yo ponía en cada entrada. Pero a partir del octavo cuento esa opción quedó inactiva, y apenas se lee "Elegir imagen".
    La única que se puede compartir es la foto de mi perfil y no es el caso, a mí me interesaba que pasara a Facebook el título con alguna de las imágenes que adornan los cuentos.
    Te agradecería que me ayudaras .
    Cordialmente
    Maygemay

    ResponderEliminar
    Respuestas
    1. Hola maygemay, ayer te respondí en esta entrada:
      http://ciudadblogger.com/2010/12/gadget-para-compartir-enlaces-de-las.html

      Saludos.

      Eliminar
  93. hola gracias por la solución me resulto yo ya estaba aburrida ke blogger me abriera las imágenes pero consulta hay una manera para que esto se permanente en el blog y al subir la imagen no tenga que editar eso para que no salga en grande ??

    ResponderEliminar
    Respuestas
    1. No Saku, siempre que se suba la imagen se deberá eliminar el enlace manualmente :(

      Eliminar
  94. Hola Potro!! El blog me está quedando muy bien gracias a tus consejos, pero con esto no logro que funcione. Entro en edición HTML, borro la parte de la foto tal como dices, y cuando quiero actualizar el blog me pone "Su HTML no es aceptable. Su etiqueta de cierre no se corresponde a ninguna etiqueta de apertura". ¿Sabes qué puede estar pasando?

    Gracias y saludos!!

    ResponderEliminar
  95. Ooops, mira, sigo sin poder hacerlo de la manera en que lo dices, pero simplemente borrando http:// de la primera imagen basta. Cuando pinchas en ella un simpático cartelito te dice que ese contenido no existe en la página :)

    ResponderEliminar
    Respuestas
    1. Jajaja, esa es otra forma, pero será mejor la que se indica en el post, sólo hay que eliminar todo lo que se menciona pero con cuidado de no eliminar algo de más o aparecerán esos errores :)

      Eliminar
  96. Hola Potro!!

    antes de todo,gracias por tus consejos!!
    he podido eliminar el enlace de la imagen pero..
    en la barra lateral de la homepage del blog he creado un resumen de entradas con miniaturas de las imagenes y ahi sigue/siguen abriendose!
    imagino que es un codigo html valido para todas las imagenes de esta barra..
    por favor, sabes cual es? mil gracias!

    ResponderEliminar
  97. Hola Potro!!

    he coseguido eliminar el enlace de las imagenes en las entradas,gracias!!

    No ocurre lo mismo en la barra lateral del blog donde he añadido los posts populares..

    alli aparecen las miniaturas de las mismas imagenes a las que quité los enlaces(con el titulo de los posts)

    Problema: me deja cliquear en la miniatura y se abre el post en otra ventana.
    Puedo desactivar eso?
    o hacer que se abra el post en la misma pagina (como pasa al hacer click en el titular)?

    gracias por adelantado, un abrazo

    ResponderEliminar
    Respuestas
    1. Hola Indie Sounder, puedes quitarle el enlace a la miniatura si lo prefieres, sólo expande los artilugios y busca este código:
      <!-- (4) Show snippets and thumbnails -->
      <div class='item-content'>
      <b:if cond='data:post.thumbnail'>
      <div class='item-thumbnail'>
      <a expr:href='data:post.href' target='_blank'>
      <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
      </a>
      </div>
      </b:if>
      <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
      <div class='item-snippet'><data:post.snippet/></div>
      </div>
      <div style='clear: both;'/>

      Elimina lo que está en negrita y listo.

      Eliminar
    2. Gracias Potro!!
      ya consegui solucionarlo!!
      acabo de enviarte otro mnsj por el facebook :D

      Eliminar
  98. hola un saludo, me puse a copiar directamente tu codigo en editar HTML y despues borre y ise algunas cosas y ahora tengo la imagen del arbol atravesada y no la puedo quitar

    ResponderEliminar
  99. Hola Potro,
    Primero darte las gracias por tu ayuda de hace unos días (... lo de Lourdes .. ¿te acuerdas?).

    Mira, ahora tengo un problemilla con el código siguiente que tengo implementado en un gadget.

    Me gustaría eliminar el enlace de la imagen para que no me salga la dichosa "manita". Ves alguna solución para lograrlo, porque yo, por más vueltas que le doy (y le he dado unas cuantas) me siento incapaz de lograrlo.

    Gracias una vez más por tu ayuda y por tu tiempo.

    Saludetes
    El Pirata

    Código:
    <center><object width="250" height="250"><param name="movie" value="https://dl.dropboxusercontent.com/u/2186977/IronFX_general_ES_250x250.swf" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="wmode" value="transparent" /><embed width="250" height="250" src="https://dl.dropboxusercontent.com/u/2186977/IronFX_general_ES_250x250.swf" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" wmode="transparent"></embed></object></center>
    <center><span style="background-color: rgb(151, 10, 10);"><span style="color:white; font-weight: bold;">* * PARA MAS INFORMACION Y REGISTRO * *
    <center></center></span></span><span style="color: rgb(151, 10, 10);"><span style="color: rgb(253, 28, 3); font-weight: bold;"><bgcolor ffff00=""><a href="https://www.ironfx.com/es/register?utm_source=16007164&utm_medium=ib_link&utm_campaign=IB" target="_blank">
    <span style="color: rgb(204, 0, 0);">- PULSAR AQUÍ -</span></a></bgcolor></span></span></center>

    ResponderEliminar
    Respuestas
    1. Hola El Pirata, este caso es distinto, ya que no se trata de una imagen, sino de un objeto flash, el cual ya trae consigo la orden de que muestre ese cursor, y eso sólo se modifica editando el archivo flash.

      Una solución rápida, es que coloques un espacio vacío encima de tu objeto flash, así ese espacio vacío impedirá que se pueda hacer click en él.
      Para conseguir lo anterior encierra únicamente el código de tu objeto flash entre <div class="cancelarcursor"> y </div>

      Y luego, al final de todo tu código agrega estos estilos:
      <style>
      .cancelarcursor {width:100%;height:250px;position:relative}
      .cancelarcursor:after {content:'';display:block;position:absolute;top:0;bottom:0;left:0;right:0;height:100%;}
      </style>

      Repito, sólo encierra el código del objeto flash, no incluyas el enlace de texto o tampoco se podrá dar click en él.
      Saludos.

      Eliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger