Está en la página 1de 1

Una imagen, un vínculo ( Con blogger)

Este código es el que nos servirá para conseguirlo. Sustituimos lo que está
en color

<a href="URL DE LA PAGINA/" target="_blank"><img id="


BLOGGER_PHOTO_ID_XXXXXXXXXXX" border="0" style="CURSOR: hand"
alt="" src="URLDELA IMAGEN"/></a>

Subimos la imagen que queremos que sea un vínculo, en este caso


un logotipo de educantabria

Al subir en una entrada esta imagen, su código en HTML es el


siguiente:

<a href="http://bp3.blogger.com/_PTQiUeW6FbQ/R-
vjqgE8rUI/AAAAAAAAAEA/Jy-vHTyv-SI/s1600-h/educantabria.gif"><img
style="cursor:pointer; cursor:hand;"
src="http://bp3.blogger.com/_PTQiUeW6FbQ/R-
vjqgE8rUI/AAAAAAAAAEA/Jy-vHTyv-SI/s400/educantabria.gif" border="0"
alt=""id="BLOGGER_PHOTO_ID_5182486115524586818" /></a>

Sustituimos sobre el código original y nos quedará:

<a style="" title="educantabria" href="http://www.educantabria.es/"


target="_blank"><img id=" BLOGGER_PHOTO_ID_5182486115524586818"
border="0" style="CURSOR: hand" alt="" src="
http://bp3.blogger.com/_PTQiUeW6FbQ/R-vjqgE8rUI/AAAAAAAAAEA/Jy-
vHTyv-SI/s400/educantabria.gif "/></a>

Este ultimo código lo pegamos en HTML, en una entrada o en un


nuevo elemento de página

El código universal es
<a href="aquilaurldelapagina"target="_blank"><img
src="aquilaurldelaimagen" border="1" height="xx" width="xx"
/></a>