Abrir links en una ventana nueva

|

Es muy desesperante cuando estamos leyendo algo y necesitamos abrir un link para ver alguna referencia y este link carga en la misma página y dejamos de ver lo que estabamos leyendo.
Para evitarle ese disgusto a tus lectores y sobre todo evitar que abandonen tu blog sólo debes añadir el comando target="_blank" después del link que estás enlazando.

Por ejemplo, normalmente un link a un sitio está de este modo:
<a href="http://www.google.com/">

Si deseas que este link abra en otra ventana agrega target="_blank" y quedará de esta manera:
<a href="http://www.google.com/" target="_blank">

Así de sencillo. Recuerda dejar un espacio entre /" y target.

65 comentarios:

julian p. dijo...

este es un clasico que deberiamos emplear siempre gracias por recordarlo saludos

El Potro™ dijo...

Hola Julian P.

Tienes toda la razón, aunqie yo siempre lo olvido, creo que me tatuaré el código, jaja.
Saludos.

juanjogana dijo...

Hola.. soy nuevo en blogger... Una consulta:

Se que usando el "_blank" un link abre en ventana nueva...
Quiero hacer eso..., pero desde una URL de una IMAGEN agregada al blog...

En la opción HTML busco esa URL para agregarle el a target="_blank", y no aparece la www. en el código...

Me darías una mano? No encontré la respuesta en internet.
Muchas gracias!

El Potro™ dijo...

Hola juanjogana,
Bienvenido a Blogger, y bienvenido a este portal.
Entra a Diseño > Edición de HTML y con la casilla Expandir Artilugios marcada busca esta parte del código y agrega lo que está en negrita:

type='Image'>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:link != &quot;&quot;'>
<a expr:href='data:link' target='blank'>

Haz lo mismo con todas las imágenes que tengas agregadas desde el gadget de Blogger.
Saludos.

juanjogana dijo...

Muchas gracias EL POTRO!!!

Me funcionó PERFECTAMENTE!

saludos!

El Potro™ dijo...

Qué bueno que ha quedado bien.
Saludos y gracias por pasar.

Chrome-G dijo...

oye tengo una duda tengo imágenes en las entradas y me gustaría que estas abrieran en otra pestaña, te agradecería mucho si me ayudaras.

las imágenes las subo desde el equipo.

de antemano gracias.

El Potro™ dijo...

Hola Chrome-G,

Cuando subes una imagen verás que en el código aparece algo así:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_qgZA1ny_dAs/Slv7ZMlm6FI/AAAAAAAAB_Q/vLVyK1oH_WU/s1600-h/Love+Abstract.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 240px; height: 320px;" src="http://4.bp.blogspot.com/_qgZA1ny_dAs/Slv7ZMlm6FI/AAAAAAAAB_Q/vLVyK1oH_WU/s320/Love+Abstract.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5358152591981602898" /></a>

Sólo debes agregar el target="blank" después de la primera URL, es decir, la que está después de a onblur.

Chrome-G dijo...

Os agradeceré infinitamente por la rápida respuesta y
¡ME FUNCIONO DE MARAVILLA!

GRACIAS, GRACIAS, GRACIAS, GRACIAS, GRACIAS, GRACIAS, GRACIAS, GRACIAS, GRACIAS, GRACIAS, GRACIAS, GRACIAS, GRACIAS, GRACIAS...

El Potro™ dijo...

Por nada Chrome-G, gracias a ti por tu visita.
Saludos.

dale racing dijo...

hola yo quiero que cada imagen de una entrada se abra en otra ventana...las imagenes las subo desde sharedimages (un host de imagenes)...tengo que ponerle el target='blank una por una o hay alguna forma de hacerlo solo una vez...

El Potro dijo...

Hola dale racing,

Tienes que ponerlo uno por uno. También hay un script que de forma automática abre todos los enlaces en una ventana nueva, pero aplica para todos los enlaces que tengas en tu blog:
http://elescaparatederosa.blogspot.com/2007/09/abrir-los-links-externos-en-pgina-nueva.html

Saludos.

URBANO AMBIENTAL GRUPO PUEBLA dijo...

hola tu informacion esta exelente.

un comentrio: me gustaria que publicaras como abrir un url de una imagen.

yo me guie por lo comentado con (junjogana).

mi blog tenia muchos problemas con lo de las ventanas emergentes, pero gracias a tus consejos bien explicados y detallados e podido mejorar mi problema.

creo que muchos tenemos gran dificultad con las ventanas emergentes.

gracias=) atte. lalo (urbano mabiental grupo puebla)

El Potro dijo...

Hola URBANO AMBIENTAL GRUPO PUEBLA,

No me ha quedado muy clara tu duda. En el caso de juanjogana él quería abrir en otra ventana las imágenes agregadas desde el gadget "imagen".
En el caso de las ventanas emergentes que se abren solitas al entrar a un blog, la mayoría son porque ponen algún gadget (generalmente un contador de visitas) y que trae incrustada esa publicidad "escondida". Ahí la única solución es eliminar el gadget que causa que se abra la ventana emergente.

Saludos y cualquier duda me comentas ;)

VANFLI83 dijo...

hola!! quiero poner en mi blog: FOTOS y que al pulsar ahi te lleve a otra pagina donde pueda poner las fotos (tamaño pequeño), y que al pulsar en cada una me abra otra pagina con la foto en grande. gracias

El Potro dijo...

Hola VANFLI83,

En una entrada sube las fotos que quieras, publícala y luego en un elemento HTML/Javascript pega el código del enlace:

<a href="URL de la entrada">FOTOS</a>

De esta forma tus lectores al pulsar FOTOS se abrirá la entrada donde has subido las imágenes, todas estarán en tamaño pequeño y al darles clicks se abrirán en tamaño grande.

Saludos.

AdmElviSUD dijo...

Por primera ves estoy creando un blog y la verdad estaba en cero, pero aki encontre todo lo que necesitaba y mi blog esta kedando muy bien. Gracias POTRO por tu buen trabajo, cualkier duda q tenga ya se a kien acudir.

El Potro dijo...

Por supuesto AdmElviSUD, si tienes alguna duda cuenta conmigo.
Bienvenido a Ciudad Blogger!

Urko dijo...

aupa majo
e intentau hacer esto pero de lo k lo pngo0 le doi y me da error un me abre la pagian pero no en otra
benga gracias

El Potro dijo...

Tendría que ver el código que has puesto para saber dónde está el fallo.
Saludos!

depruebas dijo...

Intento hacer que abra en otra página pero no me deja.
depruebasconelblog.blogspot.com
También me gustaría saber cómo enlazo documentos al menú y al submenú.
Muchísimas gracias.
Compartir tu saber es un digno comportamiento.

El Potro dijo...

Hola depruebas,

Tendría que ver el código que estás usando para que abra en otra ventana aparte.
Respecto a los enlaces del menú, verás que en el código de los enlaces está esta parte:
href=''

Ahí es donde tienes que poner el enlace, por ejemplo:
href='http://ciudadblogger.com'

Con eso tus pestañas del menú tendrán el enlace que quieras.
Saludos!

Edy dijo...

Holas Potro, tengo un consulta yo subo fotos desde miPC
y por algun motivo que desconosco no me sale esto(<a href="http)))en mi codigo , eso m pasa en algunas fotos nada mas.
Y no se puede ver en otra ventana,intente pegar elcodigo de las imgan pero aparece Su HTML no es aceptable porfavor espero m puedas orientar

El Potro dijo...

Hola Edy,

En el caso de las imágenes subidas desde Blogger el código se ve un poco distinto; lee el comentario #8 para ver cómo hacer que esas imágenes se abran en una ventana aparte.

Cualquier duda me comentas.
Saludos.

Edy dijo...

Holas Potro el mio es Blogspot , y bueno m parece extraño por que en algunas imagenes si me aparece
<a href="http://3.bp.blogspot.com/...............

ese codigo pero en otras no..

El Potro dijo...

En todas las imágenes subidas desde Blogger debe aparecer, a menos que quizá por error hayas eliminado esa parte que es la que hace que se abra la imagen en el tamaño original.
Prueba subiendo un par de imágenes y verás que en ambas aparece el código completo.

Saludos.

TALLER 3D dijo...

gracias por el dato, es útil.
pero hay algún script para evitar colocar manualmente a cada uno de los enlaces?

Gracias socio

=)

El Potro dijo...

Hola TALLER 3D,

Hay dos opciones que te pueden interesar:
http://ciudadblogger.com/2010/02/abrir-todos-los-enlaces-en-otra-ventana.html

Saludos.

nochesamarillasg dijo...

hola potro,te cuento que es mi primer comentario en tu blog,tengo un problema que me esta matando,pregunté por varios lugares,pero nada,yo agregué este codigo antes del head de mi plantilla
"base target="_blank" / todo bien hasta que encontré una excepción,al hacer click en la opción "entradas antiguas" "entradas recientes" se ábre en una nueva ventana,existe la posibilidad de agregar algún codigo para que eso no ocurra? que al hacer click en "entradas antiguas" se ábra en la misma pagina? saludos y muchas gracias. chris...

El Potro dijo...

Con la opción que usas se abrirán todos los enlaces en una nueva ventana sin excepción.
Lo que puedes hacer es leer esta entrada de cómo abrir todos los enlaces en una nueva ventana, y usar la segunda opción que te dará la posibilidad de excluir los enlaces internos de tu blog, esto claro, a elección del usuario.

Saludos.

Fran Cruz dijo...

Potro, ¿hay alguna solución simple como la del target="_blank" para que un enlace se abra en una pestaña nueva, en lugar de una ventana?

El Potro dijo...

No, esas ya son cuestiones del navegador, en Internet Explorer se abre en otra ventana pero en otros navegadores como Mozilla o Google Chrome sí se abre en otra pestaña.

Fran Cruz dijo...

Vaya, una pena... Pero gracias por la info de todos modos ;)

El Potro dijo...

Lo sé, yo soy de los que piensan que ya debería haber un código que especifique si el enlace se abre en una ventana o una pestaña, pero al parecer a los programadores no les interesa.

... dijo...

Hola, potro , oye tengo en mi pagina en los gadget imagenes con link a otras paginas, como puedo hacer que se abran en pestañas nuevas desde la venta del gadget ??

o solo se puede desde la edicon HTML

saludos

El Potro dijo...

Hola ...,

En el caso de los gadgets de imágenes tienes que seguir estos pasos para que el enlace se abra en otra ventana.

Saludos.

DJ SIRAK dijo...

ola el potro en primer lugar te keria felisitar por tu portal ke es exelente lo mas detallado de la web e armado mi blog solo con tus aportes me han serbido caleta i e aprendido vastante.
pero tengo una duda te cuento.
al momento de colocar un links ke se abra en otra ventana no tengo problemas.
pero en el caso de tener un reproductor de musica ke se inicia aoutomaticamente al ingresar al blog.
cuando clikeo el link ke abre una nueva ventana se empiesa a escuchar la misma musica del reproductor y eso es una molestia para el visitante porke se estaria reproduciendo los 2 reproductores al mismo tiempo como puedo dejar ke el reproductor ke ocupo ( Reproductor flash de mp3 )suene el la paguina principal solamente y no el las otras ke e creado????
como lo hago...
se puede???

El Potro dijo...

Hola DJ SIRAK,

No se puede controlar el mismo reproductor de esa forma, si está en automático así será en todas las páginas. Creo que lo ideal es que el reproductor se inicie cuando el lector quiera escucharlo.

Saludos.

DJ SIRAK dijo...

bueno se agradese ....
y siga asi porke te nesecitamos .....
saludos y grasias ...........

Kum* dijo...

Hola Potro. Es realmente admirable el trabajo que haces aquí. He encontrado en tus consejos ya muchas soluciones que buscaba para el blog. Sólo quería mostrarte mi agradecimiento.
Un saludo grande.

El Potro dijo...

No tienes nada que agradecer Kum*, gracias a ti por tu visita y por tomarte el tiempo de escribir.
Saludos.

Administrador de UPF dijo...

Estimado El Potro, ¿cómo estás?

Quisiera poner fondos de pantalla en mi blog para que los descarguen.

Entonces quisiera que al apretar una imagen, aparezca el cuadro de diálogo de descarga que pregunta a donde guardar la imagen. Eso está casi listo, pero....

Con el target="blank" logro que la imagen se abra en otra ventana, pero no que vaya directo al cuadro de descarga.

¿Cómo puedo hacer?

Administrador de UPF dijo...

Estoy usando:

-a href="URL imagen a descargar" target="_blank"--img src="URL imagen del boton de descara"/--/a-

Al apretar sobre el "botón" de descarga, simplemente se abre la imagen en otra ventana, pero yo quiero que inicie la descarga.

El Potro dijo...

A lo que me refiero es que necesito saber qué servicio estás usando para el alojamiento del archivo, si usas los comunes como Mediafire o Rapidshare no abrirá nunca la descarga directa pues sus enlaces te mandan siempre a su página de descarga.

Administrador de UPF dijo...

Ah... jejeje La foto que sirve de fondo de pantalla a descargar la tengo en Dropbox.

Debería estar en otro lado?

Cuando uso el código anterior para descargar un archivo que no sea una foto (supongamos un mp3) sí aparece la ventana de descarga enseguida.

El Potro dijo...

No me refería a la imagen sino a la URL del archivo que se va a descargar, pero si lo tienes en Dropbox también el archivo que se descargará entonces no es necesario ponerle el target='_blank'
Con hacer click se abrirá el cuadro de diálogo.

Ras Oscar I&amp;I dijo...

Mil Y Mil Gracias. Con Todos tus Buenas indicaciones he creado un buen Blog De cultura rasta y de música reggae , mil gracias y bendiciones, si quieres visitarlo y ver todo lo que hemos construido pasate por
http://www.respetoyonelovearastafari.blogspot.com/

Administrador de UPF dijo...

Potro, el archivo a descargar es una imagen, su URL es

http://dl.dropbox.com/u/6546817/UPF/Walls/1024x768.jpg

Cuando le saco el "target: blank", me saca de mi blog y carga la imagen, si pongo el "target: blank" abre la imagen en otra ventana, donde se puede dar click derecho y elegir descargar imagen, pero yo quiero que al apretar "descargar" ya empiece la descarga.

Espero explicarme mejor ahora, saludos!

El Potro dijo...

Ya te he entendido :)
Si la descarga es una imagen entonces debes meterla dentro de un zip o rar para que no abra la imagen, sino que descargue el archivo que la contiene.

Saludos!

El Potro dijo...

Ras Oscar I&I,

Muchas gracias por tu comentario, un saludo y éxito con el blog :)

Administrador de UPF dijo...

Gracias Potro, lo dejo de esa manera entonces!

Que pases bien!

Pep Valent dijo...

Como debo hacer para que las imágenes se abran en otra ventana. Yo tengo un Site Google (http://sites.google.com/site/farmaciadonado2/), y en él las imágenes que coloco se pueden abrir y lo hacen en la misma página, la idea primaria sería que "no se habran" (son ilustrativas) pero en caso de ser imposible hacerlo, entonces que lo hagan en otra ventana. Espero ser entendible. Muchas gracias.

El Potro dijo...

Nunca he usado Google Sites mas que para subir archivos por lo que desconozco si puedas quitarle el enlace a las imágenes.

Ricky dijo...

Hola como hago para enlacer una imagen y que se abra aparte

El Potro dijo...

Del mismo modo:
<a href="URL del enlace" target="_blank"><img src='URL de la imagen' /></a>

Ricky dijo...

no hay alguna forma que yo le ponga algo en la plantilla y todos los enlaces del post se abran aparte

NM dijo...

No me funciona!!! ya he probado de mil maneras!

El Potro dijo...

Tendría que saber cómo estás poniendo el código para ver en dónde está el problema.

Publicar un comentario en la entrada

Gracias por tus comentarios. Si tienes una consulta sobre tu blog deja la dirección del mismo.

 

Ciudad Blogger. Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com

Ir arriba Ir abajo