Imágenes en Blogger: Descargar, compartir

Esto sirve si queremos compartir las imágenes de nuestro blog.

Cuando subimos una imagen en Blogger nos genera un código así:

Ejemplo:

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg8rZoMBO_ThMJiiFT2eqrK4SsEgZkWXQLMIZEyAbZlwV5x8m-4OJdLzOj5tQI7t2WqRpYRIKHFZjIeNCnaZYfjsNhdhSLT4C358oOfvLmnFJcjvGt8EF3wxWFk8AIy0lBFaTcuDV27G4/s1600/descargar.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg8rZoMBO_ThMJiiFT2eqrK4SsEgZkWXQLMIZEyAbZlwV5x8m-4OJdLzOj5tQI7t2WqRpYRIKHFZjIeNCnaZYfjsNhdhSLT4C358oOfvLmnFJcjvGt8EF3wxWFk8AIy0lBFaTcuDV27G4/s1600/descargar.jpg" /></a></div>

La primera imagen es la que va a mostrar si hacemos clic sobre la segunda.

La segunda imagen es la que mostramos en las entradas del blog.

Por lo general la imagen que mostramos es de un tamaño menor y al hacer clic sobre ella se nos abre la imagen que suele ser con el tamaño original.

Lo que vamos a hacer, es un pequeño cambio para que al hacer clic sobre la imagen, se abra una ventana para guardar la imagen.

Modificamos la primera imagen del código, agregandole "-d"

Así:

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg8rZoMBO_ThMJiiFT2eqrK4SsEgZkWXQLMIZEyAbZlwV5x8m-4OJdLzOj5tQI7t2WqRpYRIKHFZjIeNCnaZYfjsNhdhSLT4C358oOfvLmnFJcjvGt8EF3wxWFk8AIy0lBFaTcuDV27G4/-d/descargar.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg8rZoMBO_ThMJiiFT2eqrK4SsEgZkWXQLMIZEyAbZlwV5x8m-4OJdLzOj5tQI7t2WqRpYRIKHFZjIeNCnaZYfjsNhdhSLT4C358oOfvLmnFJcjvGt8EF3wxWFk8AIy0lBFaTcuDV27G4/s1600/descargar.jpg" /></a></div>

Ver ejemplo haciendo clic sobre la imagen.

Si tenemos un blog de descarga de wallpapers, nos va a ser muy útil.