Abrir enlaces externos en otra pestaña

blogger-abrir-enlaces-externos-en-otra-pestana
Tengo varios días sufriendo las de Caín con los enlaces externos de mis blogs. Y es que necesitaba abrir todos los enlaces externos en otra pestaña o ventana, y navegando en Internet encontré un Tip para hacerlo "más fácil".

Se trata de colocar <base target='_blank'/> después de <head>

El "Gran problema" con éste método, es que absolutamente todos los enlaces se abrirán en una pestaña nueva, incluyendo los enlaces de tu blog.

Perdí la cuenta de todos los Blogs que visité para encontrar una solución fácil, rápida y efectiva y la comparto con ustedes.

Entramos en la Edición de HTML, expandimos artilugios y buscamos ]]</b:skin> damos Enter y abajito pegamos:

<script language='javascript'> var dominio = "www.alore67.blogspot.com"; var dominio1 = "alore67.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>


Solamente debemos modificar lo que les puse en color rojo por la dirección de su Blog. Le dan en Guardar Plantilla y listo.

Con esto todos los enlaces externos se abrirán en una nueva pestaña.

Es todo, espero les sea de utilidad.



Enlaces que visité:

    Subscríbete y Recibirás las actualizaciones en tu correo ¡Es Gratis!

    9 Responses to "Abrir enlaces externos en otra pestaña"

    1. Funciona estupendamente. Muy buena entrada. Estoy ayudando a un amigo con su blog y me has sido de una ayuda inestimable.

      Muchas gracias.

      ResponderEliminar
    2. Hola Groo!
      Me alegra mucho tu comentario :)
      y que bueno que fue de ayuda.
      Saludos
      :)

      ResponderEliminar
    3. Muchas gracias me has ayudado mucho!!!! Era justo lo que estaba buscando :) :) :)

      Sigue asi!!!!

      Un besiiito

      ResponderEliminar
    4. Muchas gracias!! Es justo lo que me pasa a mi, mañana lo cambio!!

      ResponderEliminar
    5. Hola, buenas tardes :D
      No me funcionó el script... Copié tal cual, y edité la url del blog, pero los enlaces siguen abriéndose en la misma ventana.
      No sé si tenga que ver, pero mi blog termina en .mx, y así lo edité. Pero veo que ahí hay referencias de blogger.com, y no sé si ahí esté el problema.

      ResponderEliminar
      Respuestas
      1. Deja la dirección en ".com". La terminación ".mx" es para los que vemos tu página desde México. La terminación será dependiendo del país visitante.

        Prueba colocando la dirección de tu Blog por ejemplo: laprofe.blogspot.com
        Saludos

        Eliminar
    6. Desde que consulté esta página aparece propaganda de esta página en mi blog. Ver el mensajito en la parte de arriba: http://aquecendoavoz.blogspot.com.es/

      ResponderEliminar
      Respuestas
      1. Eso es porque copiaste el código completo y no eliminaste lo siguiente: "Read more: http://www.bloggergifs.com/2013/12/abrir-enlaces-externos-en-otra-pestana.html#ixzz2qsNiSmUb Fuente: http://www.bloggergifs.com/ Follow us: @alore67 on Twitter"

        Ahora, para eliminarlo sólo necesitas ir a Diseño/Plantilla/Editar presionas Control + la letra "F" y en el buscador pones "Read more" (sin las comillas" seleccionas el texto que puse arriba en este mismo comentario y lo eliminas. Haciendo eso ya no aparecera en la parte superior de tu blog. Y no es propaganda, eso lo colaste tú al copiar el código tal cual de este blog.

        Saludos :)

        Eliminar

    Este Blog está hecho con mucho amor y muchas horas de dedicación. Si no encontraste lo que estabas buscando, por favor Escríbeme ¡Gracias por tomarte el tiempo para comentar!