Página Principal Menú Charkleons Radio Online Facebook - Charkleons.com YouTube - Charkleons.com Twitter - Charkleons.com

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> 

--------------------------------------------------------------
Si estás navegando (usando la internet) y quieres que un enlace se abra en otra pestaña para no salir de donde estás, mantén presionada la tecla CTRL al hacer clic/pinchar sobre el enlace.
--------------------------------------------------------------

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.

22 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. Perfecto gracias Dios te bendiga

    ResponderEliminar
    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
  10. Hola gracias, por tus consejos sobre el linklis; pero yo quisiera saber como abrir un link desde linklist y que se abra en otra pestaña. No quiero que todos se abran en una sola pestaña; sino que unos se abran en el mismo blog y otros se abran en una pestaña aparte. Por ejemplo: Contáctanos y home quisiera que se abra en el mismo blog y youtube, facebook, etc se abran en otra pestaña. Como hago eso? Gracias.

    ResponderEliminar
    Respuestas
    1. Hola, disculpa la demora en la respuesta. Para lo que comentas es mejor usar un gadget o widget HTML-Javascript y en él colocarías los enlaces directamente con el target blank o sin él. Igualmente podrías hacerlo a través de imágenes (botones) dependería del diseño que quieras darle o dejarlo directamente solo en texto. Esa sería la solución para que unos enlaces se abran en la misma pestaña y otros en una nueva. Recuerda que esto lo puedes hacer a través de una entrada. Escribes el texto, le das clic al botón para agregar un enlace, y allí defines si quieres que se abra en otra pestaña, luego pasas a modo HTML y así obtendrías el código html para agregarlo al gadget, igualmente con una imagen, solo que a ella sí tendrías que agregarle el target blank en dado caso de que quieras que se abra en otra pestaña. Saludos.

      Eliminar
    2. Pero puedo hacer submenús y menús múltiples con el método que me está dando??

      Eliminar
    3. Sí, es decir, todo lo que hagas en una entrada lo puedes pasar luego a un gadget HTML-Javascript, o sea, luego pasas a modo html copias el código y lo pegas en el gadget. A menos que ya quieras algo con desplazamientos, es decir, que se toque un botón o texto y salgan los temas correspondientes. Para esto último tendrías que buscar en google por «gadget menu blogger, o menús desplegables blogger». Antes compartía varios menús desplegables pero al ser con texto o botones no daban el tamaño para un uso óptimo en dispositivos móviles, por eso dejé solo un menú con texto grande en la parte de la izquierda. Saludos.

      Eliminar
  11. Respuestas
    1. De nada, con el mayor de los gustos. Gracias por comentar. Saludos.

      Eliminar

Gracias por comentar.