¿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:

botoncs.png

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.

10 comentarios para “¿Cómo poner un logo o una imagen con enlace en tu blog?”

  1. javier Dice:

    conxatumadre como pongo pa separarlos ver uno por uno enseñenme

  2. Toni Dice:

    Pues está muy claro.

  3. ...costilla Dice:

    Ok, muchas gracias, pues lo he hecho y ha salido de maravilla, pero no puedo publicar el codigo para que otros usuarios lo copien y peguen en su blog para linkearme. Siempre aparece el icono aunque lo ponga en el cuadro de texto del blog.

    Como se hace??

  4. aniramita Dice:

    ¿Si me blog es aniramita.wordpress.com es lo que tengo que poner, o pongo la dirección donde encontré la foto? No me entero, soy torpe :P

  5. quiero ganar 1 Dice:

    quiero ganr solo 1

  6. sombra5 Dice:

    como mierda lo pongooooooooooooo

  7. welo Dice:

    No te enfades, saber enseñar no es facil y menos sise piensa de ante mano que la gente que consulta tiene que saber ya lo basico

    en fin otra web sobrante que pena

  8. super faraon Dice:

    esta muy buena el articulo, pero yo desearia saber como hago para modificar el tamaño de la imagen que ya es un enlace, es de ir como la hago mas pequeñita o mas grande, por favor si pudieras responderme

  9. mica mote Dice:

    piquenselo par de culeros

Escribe un comentario