Cómo poner un enlace con imagen en blog


Para poner un una imagen con enlace que nos lleve a otra página (link) debemos hacer lo siguiente:

1) Vamos a diseño
2) Elementos de la página
3) Añadir un gadget
4) HTML/Javascript

Y en HTML/Javascript añadimos lo siguiente:

<a href="http://www.ENLACEdelaPAGINA.com" target="_blank">
<acronym title="TÍTULO">
<img src="http://www.URLdelaIMAGEN.jpg"/>
</acronym></a>

Tan sólo debemos modificar en el código anterior la dirección de la web y sustituirla por la dirección deseada; y sustituir el enlace de la imagen por la imagen que queramos. Para alojar la imagen recomiendo subirla a imageshack. Tan sólo hay que dimensionarla de acuerdo al tamaño de la sidebar.



Nota: Si quieres que el link se abra en otra vetana aparte visita esta entrada.

37 comentarios:

  1. Gracias a ti por visitarnos y por comentar.

    ResponderEliminar
  2. Hola.

    Tengo una duda, ojalá puedas ayudarme.
    Te he enlazado en mi blog, y quise poner otros enlaces
    He quitado uno porque lo agrego en el mismo gadget y pone el enlace, solo que abajo del otro y yo quisiera que los pusiera juntos, como lo tienes tu (uno al lado del otro) ¿como se hace eso?
    y con otros dos enlaces, la cosa es que no tengo el código del sitio, porque no lo facilitan como tu lo haces y no tengo su imagen ¿que puedo hacer?
    Gracias por tus atenciones

    ResponderEliminar
  3. Hola de nuevo Adriana. Debería funcionarte igual que a mí, puesto que es el mismo sistema de 3 columnas en el footer. Prueba con más enlaces a la vez porque debes quedarte como a mí. Quizá haya ocurrido que el otro que querías poner fuese demasiado largo y ancho como para encajar con el otro en la misma fila.

    Si quieres enlazar a un sitio y no tiene el código como yo para copiar-pegar quizá tenga algún apartado para ello, por ejemplo "botones o enlázame" o algo similar. Sino siempre te queda preguntarle o crear tú misma un enlace siguiendo los pasos de arriba.

    Un saludo.

    ResponderEliminar
  4. Muchas gracias, ya lo logré, te comento que en un inicio no pude, me quedaban igual, uno abajo del otro, lo que al final hice y me resultó a la perfección, fue quitar el /br y así se solucionó.
    Saludos

    ResponderEliminar
  5. Ah claro, no sabía que tenías un br por el medio jeje. el br es para crear párrafos. Un saludo!

    ResponderEliminar
  6. Gracias a ti rebellie. Bienvenida al blog ;D

    ResponderEliminar
  7. Mira, hize lo que dijiste y todo bien hasta que fui a ver el blog a ver como quedaba y en vez de salir la imagen que yo puse sale un icono raro con 1 triangulo 1 circulo y 1 cuadrado pequeñiita la imagen... que hago??

    ResponderEliminar
  8. hola!!! wow ese blog es genial eres el mejor!!!
    ya te he enlazado a mi blog... yo.. bueno tengo una pregunta, aver si me puedes ayudar... quiero crear el codigo para mi bog, el de enlaze, y que aparesca una imagen y debajo el cuadrito blanco con el codigo, soy nueva en esto y te agradeceria mucho si me ayudaras, le he intentado por muchas maneras pero simplemente no sale... espero que me puedas ayudar!!!! gracias!!!

    ResponderEliminar
  9. Batalle, batalle pero lo logre!!!!!
    Muchas gracias!

    ResponderEliminar
  10. Hola.

    Mira yo hize un enlace hacia mi blog, te quería preguntar como hacer eso que tu haces.
    Donde sale "¿Quieres enlazarme?" Para que enlazemos tu blog en el nuestro..
    Como pongo ese cuadrito y la foto arriba????

    ResponderEliminar
  11. Gracias por vuestros comentarios.

    Respecto a la duda de Ichiban y de lilith encontraréis la respuesta aquí: Crear un botón para que enlacen mi blog.

    ResponderEliminar
  12. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  13. Gracias a ti¡¡ Lo solucione todo ya tendre un buen blog¡¡ =)

    ResponderEliminar
  14. De gran ayuda muchas gracias!!!! me has solucionado un dolor de cabeza

    ResponderEliminar
  15. Gracias, esto ayudará mucho en la creacion del blog de mi madre :)

    Tengo una pregunta y disculpa, es que si el enlace que quiero es para el mismo blog, osea para el libro de visitas (como he visto) donde busco el link de libro de visitas?

    ResponderEliminar
  16. Buenas tardes quierocrearunblog!
    Haber si me puedes ayudar, tengo un problema a la hora de poner la URL de la imagen, pués no tengo la dirección...y tampoco se puede ni copiar ni pegar, cómo se podría hacer?
    La verdad que soy un poco torpe.
    Saludos!

    ResponderEliminar
  17. amigo gracias por tu blog. pero lo puse exactamente como dice pero cuando hacen click a la imagen se abre otra ventana, no quiero que se abra otra ventana sino hay mismo gracias!!
    please como lo hagoo

    ResponderEliminar
  18. Hola

    Te quería preguntar. En mi web www.lasideasdewendy.com no sé cómo introducir códigos porque me la han hecho y no tengo ni idea de programación. Tengo un blog http://lasideasdewendy.blogspot.com/. Te quería preguntar si ahí puedo poner enlaces a directorios y web y me ayuda con el SEO o sólo lo indexa google en webs. Mil gracias

    ResponderEliminar
  19. Hola.!
    Yo he visto que tambien se puede enlazar paginas en la entrada. Tienes alguna idea? Ejemplo: Entro a una pagina x's y en su entrada principal del blog puedo ver que enlazo una radio online y puedo escucharla y eso desde su propia entrada. Me gustaria saber como hacerlo. Si tienes alguna idea porfavor respondeme :)
    Gracias.

    ResponderEliminar
  20. Hola. . . la verdad, mil gracias. . buscaba esto hace rato. . que bueno, que existen personas que nos ayudan . . .

    ResponderEliminar
  21. Hola! me puedes ayudar???

    Copie todo el codigo que dejaste en el gadget de HTML/Javascript

    Luego reemplace el link de la pagina que es a la que quiero que vaya cuando alguien pinche ahi, es esta
    http://helenadtroya.blogspot.com/2011/07/sorteo-kit-sintetico-de-brochas-sigma.html

    Despues en la URL de la imagen puse el link de la foto, que saque de la misma pagina que quiero poner

    http://1.bp.blogspot.com/-56eURoE-Cj8/Tg3wEqrLZTI/AAAAAAAAAbk/snCk1ZD3E_8/s1600/Sigma+Kit+Sint%25C3%25A9tico+Sorteo+-+N%25C2%25BA+1.jpg

    Y en titulo puse SORTEO FLEUR DE LYS

    Le di en GUARDAR pero no me resulto :S
    Voy a mi blog y no se ve nada

    Me podrias decir cmo lo debiera hacer???
    Grxss!

    ResponderEliminar
  22. megustaria poner una foto en un libro de visitas. usando el codigo. ya subi la foto a imageshack
    creo que se nesesitan mas codigos cuales son >?

    ResponderEliminar
  23. Gracias lo he puesto en mi blog y esta nitido

    ResponderEliminar
  24. al poner la imagen en el centro deja de funcionar el enlace,.....

    ResponderEliminar
  25. Hola buenas madrugadas,
    En primer lugar quiero darte las gracias por que gracias a ti he podido empezar a poner un blog en condiciones, me gusta la manera tan clara como explicas las cosas y los ejemplos o imágenes que pones para que se entienda mejor.
    Ahora viene mi duda, espero que puedas ayudarme, no se que hacer ya!,en algunos blogs he visto que al final de cada entrada tienen unos iconos para que puedas enlazar el contenido de la entrada de su blog con el tuyo (solo esa entrada, no enlazar todo el blog),son como los que tienes tu, pero tu tienes un montón y justo el de blogger no lo tienes.
    están encuadrados en fila todos en horizontal y están los iconos de: blogger,twiter,facebook....
    con solo darle al de bloger te sale una ventana que te pone si te quieres llevar ese fragmento de entrada a tu blog y de in sofacto aparece en las entradas de mi blog. Me enrollo mucho e igual no me expreso bien. La cuestión es que blogger tiene esta opción, pero solo sirve para sus plantillas y yo utilice una de las paginas que recomiendas que son más alucinantes y el o los botones no aparecen por ningún lado. ¿puedes echarme una mano?, para mi tipo de blog son importantes estos iconos ya que hacemos, eventos o sorteos, intercambios, etc....
    Muchas gracias EXPERTO( es por llamarte de alguna manera). Ojala puedas ayudarme.
    Esther.

    ResponderEliminar
  26. Muy buena la info pero pongo la imagen en una entrada y sale en una esquina y la cntro y pierde el link que puedo hacer

    ResponderEliminar
  27. Hola una pregunta quisiera poner una foto al lado de otra pero con enlace, soy principante en esto por favor ayudame

    ResponderEliminar
  28. Muchas Gracias tienen la solucion para todo. visiten mi blog de vacaciones a punta cana y hay chat online http://www.puntacanavacaciones.com/

    ResponderEliminar
  29. una pregunta más, ¿y si la imagen que deseo poner esta alojada en mi ordenador? qué hago? es lo mismo o como prosigo?

    ResponderEliminar
  30. hola como hago para que pinchando en un enlace me pueda escribir un correo ???

    ResponderEliminar
  31. muy weno me ha servido de gran ayuda un saludo

    ResponderEliminar
  32. Hola,no sé porque me sale una imagen pequeña, y me da error

    ResponderEliminar