¿Cómo poner un logo o una imagen con enlace en tu blog?

En UBH, muestran una solución muy sencilla a dicha pregunta. Así que para poner una imagen o logo y construír tú mismo el código tiene que disponer de las siguientes partes:

• Una imagen subida a internet.
• Un enlace para que al pinchar la imagen se abra la página.

Para subir una imagen a internet, podemos utilizar nuestro propio alojamiento o uno de los servicios gratuítos que alojan imágenes en internet, por ejemplo Imageshack u All you can upload.

Y el enlace dependiendo de la web o blog que queráis abrir es la dirección URL que veréis en vuestro navegador cuando estáis en esa web o blog.

Una vez tengamos estas dos partes, procedemos a construír el código htlm, de forma que el código de la url envuelva al de la imagen.

1. Ejemplo 1: < abrimos código de la url><ponemos el código de la imagen><cerramos el código de la url>
2. Ejemplo 2: <a href=”url de la página”><img src=”url de la imagen que quieras poner” /></a>
3. Ejemplo 3: <a href=”http://cosassencillas.wordpress.com/”><img src=”http://cosassencillas.files.wordpress.com/2007/05/botoncs.png” alt=”botoncs.png” /></a>

Con el siguiente resultado:

Este sería el código básico para construír un logo, que pegaréis en una zona de código de vuestro blog o web y será interpretado como se ve en la imagen del logo.

Se le pueden añadir muchos atributos, como por ejemplo alt, border, de la imagen o target de la url etc… para guiaros mejor, os recomiendo que miréis la estructura de nuestros logos con los atributos que tiene.