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"

0 comentarios:

Publicar un comentario