¿Sabeis que en nuestro Blogger podemos añadir descargas de imagenes? Os voy a explicar este sencillisimo truco que permitira a vuestros usuarios descargarse automaticamente, haciendo click, cualquier imagen que tengamos alojada en nuestro blog.
Cuando subimos una imagen en Blogger, aparece el siguiente codigo en el que se repite dos veces la direccion URL de esta, como podeis ver indicado en color azul.
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWxeRbh2QoF45xY69dYLeizR7t0aNQsR85SfVVN4kQfRlmzoLwkq6JTyXvGeq9xMVL6BhAcS7VDjnVAkGZqTsvrt1rSQrHGs6TxNs00oJkFdungZZaaubsgCd_QFTXBt6fvInRT7hqCl8/s1600/1385421049969.jpeg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWxeRbh2QoF45xY69dYLeizR7t0aNQsR85SfVVN4kQfRlmzoLwkq6JTyXvGeq9xMVL6BhAcS7VDjnVAkGZqTsvrt1rSQrHGs6TxNs00oJkFdungZZaaubsgCd_QFTXBt6fvInRT7hqCl8/s1600/1385421049969.jpeg" /></a>
Bien, como podeis ver, estas URLs estan repletas de letritas y numeritos. Lo que tenemos que localizar es un trozo mas pequeño que empieza por s (en este caso s1600). Estos numeros pueden variar segun el tamaño que hayamos redimensionado la imagen, esta del ejemplo esta en su tamaño original. A la primera de las dos URLs, le añadiremos un guion (-) y la letra d, o sea: -d , tal cual os he puesto en el codigo de ejemplo resaltado en color rojo.
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWxeRbh2QoF45xY69dYLeizR7t0aNQsR85SfVVN4kQfRlmzoLwkq6JTyXvGeq9xMVL6BhAcS7VDjnVAkGZqTsvrt1rSQrHGs6TxNs00oJkFdungZZaaubsgCd_QFTXBt6fvInRT7hqCl8//-d/1385421049969.jpeg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWxeRbh2QoF45xY69dYLeizR7t0aNQsR85SfVVN4kQfRlmzoLwkq6JTyXvGeq9xMVL6BhAcS7VDjnVAkGZqTsvrt1rSQrHGs6TxNs00oJkFdungZZaaubsgCd_QFTXBt6fvInRT7hqCl8/s1600/1385421049969.jpeg" /></a>
Todas la imagenes a las que le agregueis esto en su codigo de enlace se podran descargar directamente. Podeis probar haciendo clic en la siguiente instantanea.
Tambien podemos poner enlaces de texto para esta funcion. Como podeis ver a continuacion:
Para ello, modificamos un poco el codigo y eliminamos el 2º enlace. Sustituye lo que esta en color verde por el texto que tu desees.
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWxeRbh2QoF45xY69dYLeizR7t0aNQsR85SfVVN4kQfRlmzoLwkq6JTyXvGeq9xMVL6BhAcS7VDjnVAkGZqTsvrt1rSQrHGs6TxNs00oJkFdungZZaaubsgCd_QFTXBt6fvInRT7hqCl8//-d/1385421049969.jpeg" imageanchor="1" >AQUI TU TEXTO</a>
