Cómo abrir un enlace externo en otra pestaña

Cómo abrir enlaces en otra pestaña - Charkleons.com

Si quieres que un enlace o link en específico se abra en otra ventana o pestaña, solo debes agregar el código target="_blank" al enlace o URL. Si estás haciendo o editando una entrada puedes seleccionar el texto al que le quieras enlazar una url, hacer clic sobre la opción "Enlace", agregar la respectiva URL, y luego habilitar la casilla "Abrir este enlace en una ventana nueva", esto agregará automáticamente el target="_blank" al enlace. Si quieres modificar el código de un enlace directamente en el modo HTML lo puedes hacer de la siguiente manera:

Ejemplo enlace simple:

<a href="URL que redirecciona" target="_blank" ></a>

Ejemplo enlace con imagen:

<a href="URL que redirecciona" target="_blank" ><img alt=" Descripción de la imagen " title="Descripción de la imagen" src="URL de la imagen"/></a>

Ejemplo enlace con texto:

<a href="URL que redirecciona" target="_blank" >Texto sobre el que se aplica el enlace</a> 


Código largo que sale en el video pero ya no funciona:

<script language='javascript'> var dominio = "www.TUBLOG.blogspot.com"; var dominio1 = "TUBLOG.blogspot.com"; var script = "javascript:void(0);"; var imagenesblogger0 = "bp0.blogger.com"; var imagenesblogger1 = "bp1.blogger.com"; var imagenesblogger2 = "bp2.blogger.com"; var imagenesblogger3 = "bp3.blogger.com"; var blogger1 = "www.blogger.com"; var blogger2 = "www2.blogger.com"; var publicidad = "pagead2.googlesyndication.com"; function LinksExternos() { var Externo; if (document.getElementsByTagName('a')) { for (var i = 0; (Externo = document.getElementsByTagName('a')[i]); i++) { if ( Externo.href.indexOf(dominio) == -1 &amp;&amp; Externo.href.indexOf(dominio1) == -1 &amp;&amp; Externo.href.indexOf(script) == -1 &amp;&amp; Externo.href.indexOf(imagenesblogger0) == -1 &amp;&amp; Externo.href.indexOf(imagenesblogger1) == -1 &amp;&amp; Externo.href.indexOf(imagenesblogger2) == -1 &amp;&amp; Externo.href.indexOf(imagenesblogger3) == -1 &amp;&amp; Externo.href.indexOf(publicidad) == -1 &amp;&amp; Externo.href.indexOf(blogger1) == -1 &amp;&amp; Externo.href.indexOf(blogger2) == -1 ) { Externo.setAttribute('target', '_blank'); //Externo.setAttribute('class', 'linkexterno'); } } } } window.onload = function() { LinksExternos(); } </script>

Espero que esta información les sea de mucha utilidad.

Gracias.

16 comentarios:

  1. como se hace esto amigo. ya que no esta el codigo anterior. necesito ayuda

    ResponderEliminar
    Respuestas
    1. Hola, disculpa la demora en la respuesta, no me están llegando las notificaciones al correo directamente. El código largo no está funcionando, ya lo confirmé en otra plantilla, de todas maneras lo voy a agregar al tema. Saludos.

      Eliminar
  2. ESTÚPIDO, ENSEÑA COSASQUE SIRVAN

    ResponderEliminar
    Respuestas
    1. Hola, disculpa la demora en la respuesta. Gracias por la sugerencia, y por visitar la página. Saludos.

      Eliminar
  3. Respuestas
    1. Muchas gracias por tu comentario. Eres muy amable. Saludos.

      Eliminar
  4. buen dias el codigo no esta funcionando

    ResponderEliminar
    Respuestas
    1. Hola, gracias por comentar. Efectivamente el código ya no funciona, ahora solo se puede usar el target blank que podemos agregar en cada enlace. El código largo lo agregué de nuevo porque varias personas aunque les comentaba que ya no funcionaba, me pedían el favor de que se los compartiera. Saludos.

      Eliminar
  5. Respuestas
    1. Sí, ya no funciona. He dejado el código porque otros usuarios lo han solicitado, lo más efectivo es usar el código target blank directamente en los enlaces. Saludos.

      Eliminar
  6. muchas gracias compañero el target="_blank" fue de mucha ayuda!!!

    ResponderEliminar
    Respuestas
    1. De nada, con el mayor de los gustos. Gracias por el comentario. Saludos.

      Eliminar
  7. Hola, actualmente en blogger cuando añades el gadget "añadir lista de enlaces" los enlaces que pones no se abren en una nueva pestaña, pero en edición html no aparece los ejemplos tal y como pones. Eso son ejemplos de cuando a un texto le asignas un enlace. Cómo puedo hacerlo? Gracias.
    Anteriormente si hacías una lista de blog te deja añadir enlaces pero ahora no, en este caso siempre se abre en una pestaña nueva.

    ResponderEliminar
  8. Hola, gracias por comentar. Disculpa la demora en la respuesta. Si quieres que el enlace se abra en otra pestaña lo puedes hacer desde la plantilla, en Tema, entras en Ir al Widget, y eliges Linklist, allí buscas la línea (toca ir abriendo) que inicia con li y le agregas la parte del target blank pero sin comillas, solo con un apóstrofo ej: li a expr:href='data:link.target' target='_blank' data:link.name/ /a /li la agrego sin las aperturasy cierres. Saludos.

    ResponderEliminar
    Respuestas
    1. La agregué sin las aperturas y cierres para que se pudiera visualizar. Saludos.

      Eliminar
  9. Muchas gracias, ha funcionado, eres un crack.

    ResponderEliminar

Gracias por comentar.