AVISO IMPORTANTE

Si quieres un menú como este de los botones, pincha en el que tiene un interrogante. Te llevará a la página de donde saqué el código y si tienes algún problema o duda, su creador te ayudará a resolverlo.

Normas de obligado cumplimiento si me envias un mail pidiendo ayuda/consejo

1ª .- Adjunta SIEMPRE la dirección del blog en el que tengas el problema y procura escribir bien la dirección.

2ª .- Intenta explicar LO MAS CLARAMENTE POSIBLE tu problema.
No pagarás más por escribir más palabras.

3ª . - Si has de contestarme usa la opción RESPONDER.
No abras un nuevo hilo de mensajes.

4ª .- No me envies NUNCA la plantilla si no te la pido.

5ª .- No me envies NUNCA la contraseña.
NO PIENSO ENTRAR A MODIFICARTE NADA.

SI ME DEJAS LA PREGUNTA EN UN COMENTARIO
1º .- Si tienes más de un blog dime en cual está el problema.
2º .- Habilita el perfil para que pueda entrar a ver el blog.
3º .- Si el blog es privado tampoco podré verlo. Invítame.

Y por último: Si quieres que te conteste por mail, envíame la pregunta por mail, mi dirección está en la sidebar, en el botón de arriba que tiene un sobre y en casi todos mis blogs.

Usar imágenes para enlazar y hacer que se abran en otra ventana

domingo, 10 de febrero de 2008

Hace tiempo hice esta entrada en la que expliqué como poner una imagen que sirva de link o enlace, de manera que al pinchar en ella vayamos a parar a otra página.
Puse esta explicación al final de todo y como la entrada es muy larga, pues trata de como usar las imágenes para varias cosas, he pensado que sería interesante separar esta parte.
Si quieres poner una imagen que sirva de enlace a otro sitio has de poner un código, ya sea en un elemento HTML/Javascript, en la barra lateral, o en una entrada. (En este caso deberás escribir el código directamente pinchando en la pestaña Edición de HTML del escritorio de entradas).

---
El código a colocar es éste:

<div align="center"><a
href="la dirección de la página a la que quieres que se llegue" target="_blank"><img border="0" src="la dirección de la imagen que se
ve"/></a></div>

---
Vamos a analizarlo:
Con <div align= (puede ser right, center o left)> le dices la posición que va a tener en el elemento o en la entrada. Si no le pones esta parte del código la colocará a la izquierda por defecto.
En el caso de que no se lo pongas tampoco has de poner el </div> del final.
Con target="_blank" le dices que abra el enlace en otra ventana.
Con border="0" le dices que no le ponga margen a la imagen.

---
Notas:
Si colocas un código de esos desde otra página, (a veces ponemos imágenes que enlazan a otros sitios cuyos códigos nos proporcionan ellos), antes de guardar cambios, una vez pegado en un elemento, asegúrate que quien ha creado el código ha colocado lo del target="_blank", de lo contrario se abrirá en la misma ventana de tu blog, con lo que echarás del blog a tus lectores (y no a todo el mundo se le ocurre pinchar con el botón derecho para abrir algo en una ventana nueva, por si acaso).
Si tienes modificado el código de tu plantilla para que no ponga bordes a las imágenes, lo de border="0" aparecerá solo aunque no lo pongas. (Si aún no lo has modificado pero quieres hacerlo aquí te explico como).
No olvides poner comillas donde corresponde, ni quites o añadas espacios o no funcionará bien.

Imprime esta entrada

8 comentarios. ¿Quieres añadir el tuyo?

  1. Juan J Ventre ha dicho
  2. Aquí en Uruguay hay como una explosión de conexiones a Internet en los últimos años. Tengo 57 años y trabajo en venta de propiedades y me he hecho un grupito de blogs en Blogger para promocionar un poco mi trabajo. Sin saberlo he usado tu idea de la falsa web, con una sucesión de blogs enlazados entre si, a los que les puse como "matriz" el blog http://ventreinmobiliaria.blogspot.com/. No estoy muy conforme con el resultado. Ahora ando modificando las plantillas para que se vean más anchas y pueda colocar en su tope algunos anuncios de AdSense que me traigan algún dinero que necesito. Al final he destripado tanto las plantillas que ya todo es un gran entreverijo... Por otro lado, en estos días estoy comenzando un blog diferente a los otros, que he titulado "Internet y Libertad", para acumular allí mis experiencias y tropezones en estos asuntos para que a otros no les pase lo que a mí con el tema de perder tanto tiempo...Está en http://internetylibertad.blogspot.com/ y verás que le adosé una imagen tuya de Tuneando el Blog, que me propongo utilizar. Como algo que supongo te interese por tus excelsas habilidades informáticas, que admiro, encontrarás en la sidebar una lista de apenas tres vínculos a sitios que me han parecido muy interesantes: Uberum, Il Maistro e Ikkaro. En realidad, adaba buscando en mic entro de Favoritos la URL de El escaparate de Rosa que había visitado hace unos dos meses y me había parecido muy bueno también, para agregarlo a esa lista. Ahora resulta que la lista ya tendrá cinco enlaces, porque irán tú y Rosa para allí, como verás. Veré como suscribirme a esta hermosura que tienes en la Red y tal vez te acose a preguntas en algunos días. Quisiera no aburrirte.
    Es que la cordialidad que anima cada palabra de tu sitio y la afabilidad que aquí se respira lo hacen auno sentirse en casa. De algún modo, Eulalia, está aquí y te devuelvo la calidez de ese abrazo con que nos saludas... (Tu nombre me evoca a Rubén Darío y a una noviecita que tuve en mis años liceales, allá por 1965). Felicito también a tus padres por la dulzura de tu musical nombre.

    Afectuodamente, Juan J

  3. Eulalia ha dicho
  4. Juan:
    Será un placer recibir tus consultas y responderlas.
    Luego me pasaré por tu blog a echar una ojeada.
    Gracias por tus palabras.
    Un abrazo.

  5. Maestro Kinopio ha dicho
  6. Gracias por esta entrada, me ha sido de mucha utilidad para mi blog. Se agradecen mucho este tipo de blog para ayudar a sacar todo el jugo a blogger

    Saludos

  7. Eulalia ha dicho
  8. Gracias a ti Maestro Kinopio por tu comentario.
    Un abrazo.

  9. ángel ha dicho
  10. Muchisimas gracias, ha sido de mucha ayuda, cuandotenga tiempo pondré en practica tus consejos.

  11. Ana Jordán Davia ha dicho
  12. EULALIA ERES LA REINA DE BLOGER.
    En plan de coña,cuando sea mayor quiero ser como tu.Ahora en serio gracias y mi gratitud por tu generosidad.besitos ana.

  13. Laura E. (mbmprincessita) ha dicho
  14. Gracias... casi he lo he conseguido pero no del todo... algo he hecho mal seguro. Tengo 2 blogs y quiero ponen un gadget con una foto del otro en cada uno de ellos. Probé en uno poniendo los datos del otro y si pincho en la foto lo que hace es volver a abrir el blog en el que estoy, no el que quiero enlazar con esa foto...

  15. Eulalia ha dicho
  16. Laura: Revisa bien el código. Si lo escribes tal cual digo, poniendo las direcciones en el lugar correcto, funciona.

google-site-verification: google6804ea8a89fbde9f.html
Plantilla creada por laeulalia basada en la harbor de blogger.