Código html para enlazar (crear un link) una imagen con un blog o web:
Unicamente teneis que poner la URL_BLOG y URL_IMAGEN que corresponda.
Como veis no es muy complicado, pero a mi me llevo de cabeza, para enlazar la imagen de un directorio con su web para poder hacer posteriormente un ping manual.
Puede ser muy útil, enlazar la imagen de una bandera con la url de traducción de tu pagina, por ejemplo.
Posts relacionados:
Como insertar un código para traductor de tu blog/web
Como veis no es muy complicado, pero a mi me llevo de cabeza, para enlazar la imagen de un directorio con su web para poder hacer posteriormente un ping manual.
Puede ser muy útil, enlazar la imagen de una bandera con la url de traducción de tu pagina, por ejemplo.
Posts relacionados:
Como insertar un código para traductor de tu blog/web
47 comentarios:
Genial!! Muchas gracias. Era lo que estaba buscando.
Me van a quedar estupendos en mi web. Si quieres darte una vuelta por ella, es: http://nochesdeviernes.es.tl
Edrim te visitaré,
Este post se puede pulir un poco más con title="" titulo de la imagen cuando pases el ratón leerás el titulo, alt="" es un corto texto que define la imagen y va bien para que indexen los motores de buscadores. Se ha de poner en el apartado donde esta la imagen. border si es cero no hay borde empieza con 1 para poner borde y puedes ir subiendo por unidades.
¡Salud!
Pues es que no tengo ni idea de HTML y no se donde tendría que poner lo de title y eso.
Se podría hacer que el link abriese la página linkeada en otra ventana diferente?
El otro lo puse ayer y estoy encantada con el resultado.
Gracias de nuevo.
Edrim, lo dicho anteriormente va por ejemplo después de la URL IMAGEN y antes de la barra. Para hacer lo que me preguntas debes poner después de las comillas de URL BLOG, lo que sigue target="_blank" y se abrirá en una nueva ventana cuando cliques en la imagen. ¡Ahora voy para tu blog!
Hola Carlos. Tengo un blog llamado www.racoblaugrana.blogspot.com y tus consejos han sido de gran ayuda para mi. Pero aún tengo una duda que resolver:
¿Cómo lo haces para poner esos "subapartados", que hay arriba de todo en muchos blogs? En tu caso sería Inicio- Foros portables-Mundo portable-...
Sé que hay que poner etiquetas en los escritos, pero nada más. Respóndeme, por favor (puedes dejar un comentario en mi blog si lo prefieres). Muchas gracias.
Albert, aquí tens "como poner menu bar". S@lut!
Oye, y no sabrás por casualidad como puedo poner para mi web ese efecto de estela de destello o estrellitas que he visto en algunas web?
Lo más parecido que he encontrado son puntero con forma de estrella y demás. Pero yo lo que quiero es esa estela brillante tipo "varita mágica".
Mil gracias, voy a modificar los códigos para que se abran ventanas en blanco.
Pues no Edrim no se como lo puedes hacer. Respecto al punto 4. si sigues las instrucciones te funcionara. Saludos!
Efectivamente, ha funcionado.
Gracias de nuevo.
Moltes gràcies. Un llenguatge molt útil. L´empraré. He enllaçat la teva recopilació de jocs de mecanografia.
Guida
http://recursosdidactics.wordpress.com
Moltes gràcies Guida, et visito!
Hola, no me resulto cambie los links y no me sirve sale un cuadraito con una x roja y nada mas donde deberia salir
gracias ojala puedas ayudarme
¿Katterincitah, donde has alojado la imagen?
Gracias muy util lo utilice en mi blog http://marcostux.wordpress.com
muchas gracias, había olvidado como hacer que los links se abriesen en otra pestaña o ventana.
Se agradece la fácil explicación.
Saludos
De nada Futari no Guntai, saludos.
Genial Lo revisare Me gusto Gracias Si kieres enlazar Haslo avisas!
http://www.destblumusic.tk
Graciasss!
Ola Soy MAnu
kiero enviar un mail con una imagen q me aga de link acia una pagina q debo acer para q clicando en la imagen se me dirija a la pagina¿?
gracias
Gracias!!! Muy bueno me encanta!
Epa esto es viejo
Muchas gracias, me sobran algunos caracteres "/> alguien sabe porque?
Muchas gracias!!! :D
Muy buen apote amigo.
Hola Carlos. Gracias a esta entrada he podido hacer lo que deseaba, que es enlazar un blog a una imagen, pero cuando pinchas en la imagen, no se me abre una nueva ventana a pesar de haber insertado el código html correspondiente, y que sin embargo sí que me funciona en otros casos, ya es un código que vengo manejando desde hace tiempo. ¿A qué crees que se puede deber?
Espero tu respuesta. Saludos.
Hola Carlos, aquí estoy de nuevo. Te pido que ignores responder a la pregunta que te hice antes, porque erróneamente, claro, estaba poniendo el código "target" detrás de la url del servidor en el que está alojada la foto, y no del del nombre del blog.
Muchas gracias. Saludos. Feliz Navidad.
Tengo una duda, hay que dejar las comillas? es que no me sale la foto, y no se de donde sacar la foto, de google?
Si la dirección de la imagen a de estar entre las comillas. Las fotos las puedes obtener de Google Imágenes o de estos sitios con: "Fotos Libres".
gracias por esta información, la he buscado de una menara y finalmente la encuentro, tu respuesta es muy clara y sencilla, la ensayé y me ha funcionado. Tu blog está genial, me encanta la manera en que lo tienes todo tan bien distribuido.
Te invito a que te des una pasada por mi Blog
http://suitwater.blogspot.com
Aqui tienes un ejemplo Suit Water:
<a href="http://www.carlossantias.com/" target="_blank" title="Musica y Guitarra">
<img border="1" width="115" alt="Musica y Guitarra" src="http://4.bp.blogspot.com/_CAScryoSUJY/TGENAXcrD0I/AAAAAAAAIIs/hjxgkdKINzw/s1600/carlossantias125.png" height="125" /></a>
Hola Carlos!
¿Y qué ocurre si la foto la tienes alojada en tu propia pc y con un nombre que tú le diste? ¿ya no funcionaría?
Gracias
Martha la imágen la tienes que subir y alojar o bien por ejemplo en Imageshack o lo que aconsejo yo, en Blogger mismo, leete esta entrada "Alojar imagenes en Blogger".
Oye Carlos, ¡gracias!
No tenía ni idea de eso y es muy bueno saberlo.
En cuanto peda lo uso.
Cariños.
Muchas Gracias por la información estimado carlos soler, Me ha servido muchísimo para darle una nueva imagen al blog, te invito a que te des otra pasada a ver que te parece.
saludos
Me alegro Suit Water, he dejado un comentario en tu blog, saludos.
Hola Carlos! tenía una pregunta referente al tema que comentas...resulta que quiero enlazar blogs y webs desde mi blog, y quiero poner su blog/web en imagen para que la gente vaya directamente...pues bien, he intentado lo que dices pero lo que no sé es cómo guardarme la imagen de ese sitio. No se si me explico...entro en la web de esa persona y lo que es la página principal de la web no sé como guardarla para imagen...me podrías ayudar? Gracias!
Sally puedes hacer una captura de pantalla de la cabecera o parte de la cabecera entonces lee los comentarios que explico como alojar la imagen en blogger y puedes ver un ejemplo del código de una imágen enlazada.
Hola Carlos!! Muchas gracias por tu respuesta! ahora si que lo entiendo...esque la gente me decía que subían la imagen, pero nadie me explicaba cómo...tú si que me has entendido, así que hago una imprimación de pantalla y la guardo como imagen. Muchísimas gracias Carlos! ahora sí he salido de dudas!
Un saludo!! ah!! y enhorabuena por tu página es muy interesante, de verdad!
Gracias carlos me sirvio mucho tu aporte,Dios te guarde.
Soy demasiado torpe, subo la foto en imageshack, pero cual es la url que debo coger? y donde pongo la direccion del blog que quiero enlazar?
Lor no eres torpe estas aprendiendo, no utilices Imageshack, aloja la imagen en Blogger, lo explico "aquí" la url (dirección de la imagen http://xxxx.com) la deberás poner en URL_IMAGEN. Si me necesitas pregunta, si puedo te ayudo. Lee todos los comentarios de esta entrada por favor, complementan la entrada inicial.
Carlos la verdad tu blog me ha ayudado un montón, ahora mi blog esta mas personalizado...
Agradecería que visites mi blog y me regales sugerencia todavía sigo modificandolo
http://limpiatupcal100.blogspot.com/
Limpia tu PC, interesante, ya tienes un nuevo seguidor, el blog se hace con el tiempo, ahora esta bien, pero poco a poco ira evolucionando, un blog no es estático ni en contenido, ni en diseño, felicidades y ánimos!
Me encanto este Tcodigo para crear enlaces html es justo lo que estaba buscando para poder crear mis links manuales y mejorar mis campañas de linkbuilding y SEO.
Este blog va directito a mis favoritos.. saludos :D
carlos yo quiero poner enlaze de varios tv com un imagen pero al pinchar en el imagen quiero que abra el canal de tv pero en mi mismo blog y no en otra ventana ni en otro pestaña y grasia de ante mano.........muy buena tu blog felecidades ....
Muchas gracias me esta ayudando mucho para arreglar mi blog de una asociacion muchas gracias
muchas gracias me sirvio mucho!
Publicar un comentario en la entrada
-Intenta tener tu perfil habilitado o comentar como Nombre/URL u la opción OpenID para poder ver tu blog.
-Evita las faltas, hacer SPAM, el lenguaje SMS y escribir en mayúsculas.
-Busca tu duda antes de preguntarla usando el buscador, y si te contesto, por favor, tomate la molestia de responder.
-Es recomendable que copies el comentario una vez escrito para evitar problemas tras utilizar el formulario de Blogger (a veces da errores).
- No incluyas enlaces No necesarios en el contenido de tu comentario.
¡Muchas gracias por comentar!