CONO USAR IMAGENES PARA ENLAZAR, Y ABRIRLAS EN OTRA VENTANA

  • junio 11, 2010

Hace tiempo hice esta entrada en la que expliqu?? como poner una imagen que sirva de link o enlace, de manera que al pinchar en ella vayamos a parar a otra p??gina.
Puse esta explicaci??n al final de todo y como la entrada es muy larga, pues trata de como usar las im??genes para varias cosas, he pensado que ser??a interesante separar esta parte.
Si quieres poner una imagen que sirva de enlace a otro sitio has de poner un c??digo, ya sea en un elemento HTML/Javascript, en la barra lateral, o en una entrada. (En este caso deber??s escribir el c??digo directamente pinchando en la pesta??a Edici??n de HTML del escritorio de entradas).


El c??digo a colocar es ??ste:


<div align="center"><a
href="la direcci??n de la p??gina a la que quieres que se llegue"target="_blank"><img border="0" src="la direcci??n de la imagen que se
ve"/></a></div>

Vamos a analizarlo:
Con <div align= (puede ser right, center o left)> le dices la posici??n que va a tener en el elemento o en la entrada. Si no le pones esta parte del c??digo la colocar?? a la izquierda por defecto.
En el caso de que no se lo pongas tampoco has de poner el </div> del final.
Con target=»_blank» le dices que abra el enlace en otra ventana.
Con border=»0″ le dices que no le ponga margen a la imagen.


Notas:

Si colocas un c??digo de esos desde otra p??gina, (a veces ponemos im??genes que enlazan a otros sitios cuyos c??digos nos proporcionan ellos), antes de guardar cambios, una vez pegado en un elemento, aseg??rate que quien ha creado el c??digo ha colocado lo del target=»_blank», de lo contrario se abrir?? en la misma ventana de tu blog, con lo que echar??s del blog a tus lectores (y no a todo el mundo se le ocurre pinchar con el bot??n derecho para abrir algo en una ventana nueva, por si acaso).
Si tienes modificado el c??digo de tu plantilla para que no ponga bordes a las im??genes, lo de border=»0″ aparecer?? solo aunque no lo pongas. (Si a??n no lo has modificado pero quieres hacerlo aqu?? te explico como).
No olvides poner comillas donde corresponde, ni quites o a??adas espacios o no funcionar?? bien.

No Comments Found