¿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&#8221; 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.

About these ads

10 respuestas a ¿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. 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

  6. yanett g dice:

    hola :
    yo llegue aca porque quiero poner en las foto de mi blog el enlace para que cuando ellos impriman mis trabajo ya sepan de donde lo sacaron.
    mi blog : http://crochetyanet.blogspot.com/
    y si pueden responderme por favor se lo agradeceria mucho por lo que esperare su respuesta a mi email cyber-yanett@hotmail.com o al cyberyanett@gmail.com se lo agradeceria mucho desde ya muchas gracias.
    y para que me entienda mejor aun le dejo el enlace de lo que quier hacer es este : http://miva63crochet.blogspot.com/

    con eso espero que me entiendas yo con gusto pasaria por aca pero como a veces el cyber es caotico no creo que recordare donde coloque tal ayuda a mi porblema. eso seria dios

  7. 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

  8. mica mote dice:

    piquenselo par de culeros

Deja un comentario

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.

Únete a otros 162 seguidores

A %d blogueros les gusta esto: