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>
[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>
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