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.




Iconos RSS

65 comentarios:
este es un clasico que deberiamos emplear siempre gracias por recordarlo saludos
Hola Julian P.
Tienes toda la razón, aunqie yo siempre lo olvido, creo que me tatuaré el código, jaja.
Saludos.
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!
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 != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:link != ""'>
<a expr:href='data:link' target='blank'>
Haz lo mismo con todas las imágenes que tengas agregadas desde el gadget de Blogger.
Saludos.
Muchas gracias EL POTRO!!!
Me funcionó PERFECTAMENTE!
saludos!
Qué bueno que ha quedado bien.
Saludos y gracias por pasar.
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.
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.
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...
Por nada Chrome-G, gracias a ti por tu visita.
Saludos.
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...
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.
gracias de nuevo por el dato
Por nada URBANO AMBIENTAL.
Saludos.
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)
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 ;)
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
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.
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.
Por supuesto AdmElviSUD, si tienes alguna duda cuenta conmigo.
Bienvenido a Ciudad Blogger!
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
Tendría que ver el código que has puesto para saber dónde está el fallo.
Saludos!
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.
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!
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
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.
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..
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.
gracias por el dato, es útil.
pero hay algún script para evitar colocar manualmente a cada uno de los enlaces?
Gracias socio
=)
Hola TALLER 3D,
Hay dos opciones que te pueden interesar:
http://ciudadblogger.com/2010/02/abrir-todos-los-enlaces-en-otra-ventana.html
Saludos.
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...
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.
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?
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.
Vaya, una pena... Pero gracias por la info de todos modos ;)
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.
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
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.
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???
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.
bueno se agradese ....
y siga asi porke te nesecitamos .....
saludos y grasias ...........
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.
No tienes nada que agradecer Kum*, gracias a ti por tu visita y por tomarte el tiempo de escribir.
Saludos.
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?
Necesitaría ver cómo lo estás haciendo.
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.
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.
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.
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.
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/
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!
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!
Ras Oscar I&I,
Muchas gracias por tu comentario, un saludo y éxito con el blog :)
Gracias Potro, lo dejo de esa manera entonces!
Que pases bien!
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.
Nunca he usado Google Sites mas que para subir archivos por lo que desconozco si puedas quitarle el enlace a las imágenes.
Hola como hago para enlacer una imagen y que se abra aparte
Del mismo modo:
<a href="URL del enlace" target="_blank"><img src='URL de la imagen' /></a>
no hay alguna forma que yo le ponga algo en la plantilla y todos los enlaces del post se abran aparte
Claro, mira esta entrada.
No me funciona!!! ya he probado de mil maneras!
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.