Para insertar un hipervínculo a una imagen, se debe en primer instancia subir la imagen, en nuestro caso la subimos al mismo blogger, teniendo:
Entramos a la pestaña de "edición de HTML" y en el código de la imagen:
<p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj61EtrGmMojBMHtEO3pceE4D5z0ZY2ovBV0QHoxM8DoHVsxPmzc7fuLNMqu5mMFoFmTJzUoQMeutcvch6xdHxIZGtcmlI8eXXuOlkCQVQiJB6ZFzC8JYWYbrCHS7EIkx0Nj3pmsq3Cdnc/s1600-h/Glass_fruits.jpg"><img style="cursor:pointer; cursor:hand;width: 200px; height: 150px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj61EtrGmMojBMHtEO3pceE4D5z0ZY2ovBV0QHoxM8DoHVsxPmzc7fuLNMqu5mMFoFmTJzUoQMeutcvch6xdHxIZGtcmlI8eXXuOlkCQVQiJB6ZFzC8JYWYbrCHS7EIkx0Nj3pmsq3Cdnc/s200/Glass_fruits.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5354299403683947090" /></a></p>
Buscamos la parte en la cual nos hace referencia a la imagen "en grande", en este caso el href:
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj61EtrGmMojBMHtEO3pceE4D5z0ZY2ovBV0QHoxM8DoHVsxPmzc7fuLNMqu5mMFoFmTJzUoQMeutcvch6xdHxIZGtcmlI8eXXuOlkCQVQiJB6ZFzC8JYWYbrCHS7EIkx0Nj3pmsq3Cdnc/s1600-h/Glass_fruits.jpg
este vínculo lo sustituimos por el de la dirección archivo, página o blog que queramos:
href="http://www.megaupload.com/?d=UN7QU3AE
Quedando el código completo así:
<p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.megaupload.com/?d=UN7QU3AE"><img style="cursor:pointer; cursor:hand;width: 200px; height: 150px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj61EtrGmMojBMHtEO3pceE4D5z0ZY2ovBV0QHoxM8DoHVsxPmzc7fuLNMqu5mMFoFmTJzUoQMeutcvch6xdHxIZGtcmlI8eXXuOlkCQVQiJB6ZFzC8JYWYbrCHS7EIkx0Nj3pmsq3Cdnc/s200/Glass_fruits.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5354299403683947090" /></a></p>
Y el resultado es:
(da clic sobre la imagen esto te mandará a la descarga de un archivo)
Nota: En este caso se subió la imagen al mismo blogger, sin importar su dimensión, pero en casos normales el tamaño debe ser pequeño, pues esta imagen no se "expandirá", pues sólo se muestra sin que al dar clic sobre ella "se haga má grande".
No hay comentarios.:
Publicar un comentario