English Português

En base al artículo “Abrir los links externos en una nueva página con Javascript” adaptamos el script para usarse en Blogger y que se abran automáticamente todos los enlaces externos en una nueva página.

  1. Entra a la pestaña “Plantilla” o también llamada “Diseño” desde el escritorio y después a la opción “Edición de HTML”.
  2. blogger-edicion-html.gif

  3. Buscamos el texto:
    ]]></b:skin>

    y justo después de él colocamos:

    <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>
  4. En el código anterior sustituye www.tublog.blogspot.com y tublog.blogspot.com con la dirección de tu blog (con y sin www respectivamente) y listo.
Escrito por Francisco Oliveros

Soy un gran aficionado del diseño y de todo lo que el código puede comunicar. Ingeniero mecánico por profesión, pero dedicado al desarrollo web a tiempo completo.

Blog / Twitter

Artículos relacionados

Sigue leyendo consejos, tips y tutoriales para tu blog.

    Comentarios

    1. Xavi / Hace 10 años /

      Hola,

      He intentado poner el script pero no hay manera de hacerlo funcionar. Me sale el siguiente mensaje de error:

      No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
      Mensaje de error de XML: The entity name must immediately follow the ‘&’ in the entity reference.

      He revisado el código y esta correcto, así que no se a que puede deberse el problema. El código lo he colocado entre el tag < /b:skin> i el < /head>

      Gracias.

      Responder a Xavi →
    2. Francisco / Hace 10 años /

      Hola Xavi!

      La solición es cambiar el caracter “&” con su equivalente “&amp;”. Y ya corregi el error en el script.

      Gracias por la corrección, saludos!

      Responder a Francisco →
    3. Paparo / Hace 10 años /

      Exelente! Funciona perfeito

      Responder a Paparo →
    4. Lucas Robledo / Hace 10 años /

      Gracias por todas las ayudas. Hoy como un tonto, por querer pasar mi blog diseñado para 1024×768 a uno que puedan ver con 800×600, he perido todo tras un corte de luz… y tuve que empezar de cero nuevamente. Asi que tu pagina me sirvio de mucha ayuda. Estoy empezando de a poco, asi que si quieres darte una vuelta puedes hacerlo.
      Nuevamente, GRACIAS!

      Responder a Lucas Robledo →
    5. Kurodesu / Hace 10 años /

      Hmm por algún extraño motivo no logro hacer que esto funcione.. bueno funciona pero incluso pone iconos donde no debería.. como arriba del titulo de la entrada y arriba de comentarios

      Responder a Kurodesu →
    6. Francisco / Hace 10 años /

      Que tal?

      Paparo, Lucas Robledo : me alegro le halla sido util 🙂

      Kurodesu : Si, la razón de que coloque iconos ahi, es que blogger general un par de link inutiles ahi, del tipo:

      <a name="124325435">

      Que este código interpreta como vinculo externo, lo que hice yo fue buscarlos en la plantilla y eliminarlos.

      Saludos!

      Responder a Francisco →
    7. El Chavalo / Hace 10 años /

      Hola, que tal?
      Tengo un blog en wordpress pero le prometi a una amiga que le iba a conseguir este truco y asi lo hice. Sin embargo, me pidió que si yo sabia hacer alguna excepcion. O sea, que se abran todos los links externos en una nueva pagina, pero que de esos, 2 se abran en la misma ventana… logré explicarme bien?
      Me podrian ayudar por favor?

      Responder a El Chavalo →
    8. Francisco / Hace 10 años /

      Que tal Chavalo!

      Si es posible, esto lo puedes encontrar en este artículo:

      Abrir vinculos externos con javascript

      Saludos!

      Responder a Francisco →
    9. Jpapollo / Hace 10 años /

      lastimosamente solo se ve funcionale en IE, 🙁 y firefox?

      Gracias

      Responder a Jpapollo →
    10. Francisco / Hace 10 años /

      Pues tengo IE 6 y FF 2.0 y se funciona en ambos. Sólo IE no muestra el icono de externo.

      Responder a Francisco →
    11. Fernando PH / Hace 10 años /

      Al igual que a Jpapollo a mi solo me funcioan con IE, con firefox no 🙁

      Gracias por lo tips 😉

      Responder a Fernando PH →
    12. hscnet / Hace 10 años /

      He seguido las instrucciones al pie de la letra y no me funciona. Por qué puede ser?

      Responder a hscnet →
    13. Francisco / Hace 10 años /

      No sé que puede ser, lo acabo de probar por si hubo algun problema en la exportación, pero no, me funciono bien, sólo pordría recomendarte que pruebes de nuevo.

      Responder a Francisco →
    14. Fernando PH / Hace 10 años /

      No se porque pero ya funciona tanto en IE como en Firefox, al parecer era cosa de los cookies, así es que solo es para confirmar el que si funciona con estos 2 navegadores.

      Gracias nuevamente ! 😀

      Responder a Fernando PH →
    15. Edward / Hace 10 años /

      por fin después como de veinte intentos leo los comentarios y se me soluciona el problema, gracias por el hack, es muy bueno!!!!!!

      Responder a Edward →
    16. Francisco / Hace 10 años /

      Por nada Edwards, y ahora que veo, al cambiar a wordpress se modifico de nuevo el código, pero ya esta nuevamente corregido.

      Saludos!

      Responder a Francisco →
    17. Emilio / Hace 10 años /

      Oye, muchas gracias!!!. Hace días que buscaba solucionar este problema, para poder abrir los links en páginas nuevas.
      De nuevo, gracias amigo.

      Responder a Emilio →
    18. Toribio / Hace 9 años /

      Muchas gracias por compartir tus conocimientos. Instalé el script y trabaja perfecto.

      Responder a Toribio →
    19. leonardo / Hace 9 años /

      Gracias lo buscaba hace tiempo y anda perfecto! Saludos

      Responder a leonardo →
    20. Fabián / Hace 9 años /

      Hola: no logro hacerlo funcionar. Lres dejo el codigo para ver si me pueden deicr donde esta el error. Gracias!

      var dominio = “www.blogaldope.blogspot.com“;
      var dominio1 = “blogaldope.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 &&
      Externo.href.indexOf(dominio1) == -1 &&
      Externo.href.indexOf(script) == -1 &&
      Externo.href.indexOf(imagenesblogger0) == -1 &&
      Externo.href.indexOf(imagenesblogger1) == -1 &&
      Externo.href.indexOf(imagenesblogger2) == -1 &&
      Externo.href.indexOf(imagenesblogger3) == -1 &&
      Externo.href.indexOf(publicidad) == -1 &&
      Externo.href.indexOf(blogger1) == -1 &&
      Externo.href.indexOf(blogger2) == -1
      )
      {
      Externo.setAttribute(’target’, ‘_blank’);
      //Externo.setAttribute(’class’, ‘linkexterno’);
      }
      }
      }
      }
      window.onload = function() {
      LinksExternos();
      }

      Responder a Fabián →
    21. Francisco / Hace 9 años /

      Fabian, el problema que tienes en ese codigo es el caracter &, tiene que ser sustituido por su correspondiente en código html, es: &amp;

      Un saludo!

      Responder a Francisco →
    22. Loca por las compras / Hace 9 años /

      Te adoro!!! A partir de ahora eres mi ídolo.

      Responder a Loca por las compras →
    23. jenny / Hace 9 años /

      Muchisimas gracias!!!!!!!!POR FIN!!!!!!!!!!!!!!!!!!!!

      Responder a jenny →
    24. Mauricio / Hace 9 años /

      gracias lo acabo de instalar en http://sectorvisual.blogspot.com/ 🙂

      Responder a Mauricio →
    25. Francisco / Hace 9 años /

      Me alegro les halla servido 😀

      Responder a Francisco →
    26. Txus / Hace 9 años /

      este codigo me tiene asta er nabo, ya cambie las dichosas & y no funciona ¿Que hago

      Responder a Txus →
    27. batto / Hace 9 años /

      Buenas,

      Tienes un gran blog, muchas gracias por tus trucos y hacks. Pero tengo un problema con este en concreto, a ver si es posible que alguien me eche una mano.

      He intentado meter este codigo Java y no me funciona. NJo me salta ningún error pero no me salta la carga de “links externos” en una nueva ventana o marco. Ni en el IE ni el FireFox.

      Saludos

      Responder a batto →
    28. batto / Hace 9 años /

      Hola? Nadie tiene este hack funcionando?

      Saludos

      Responder a batto →
    29. batto / Hace 9 años /

      veo que no… U_U

      Responder a batto →
    30. angitawbm / Hace 9 años /

      hola, muchas gracias por el script me ha sido muy util, para que se abran en otra ventana las webs externas, muchas gracias!!!! ^_^

      Responder a angitawbm →
    31. Pochepoke / Hace 9 años /

      Justo lo que buscaba, trabaja muy bien.

      Gracias

      Responder a Pochepoke →
    32. Francisco / Hace 9 años /

      batto, realmente no sé que puede estar saliendote mal, solo podría sugerirte que lo vuelvas a intentar.

      Responder a Francisco →
    33. Jaime / Hace 9 años /

      Excelente! Acabo de ingresarlo en mi blog y funciona perfectamente.

      Un saludo

      Responder a Jaime →
    34. Silvia / Hace 9 años /

      Exlente metodo, soy muy feliz! me fué muy útil. Gracias!

      Responder a Silvia →

    Responder

    ¡Gracias por dejar tu opinión! Por favor procura que tus comentarios estén dentro tema, que no sean promocionales (spam), ilegales u ofensivos, de otro modo, serán borrados. Todos los enlaces serán moderados y la URL indicada NO será enlazada.

    Blog and Web es un blog de Blógstica. Hospedado desde 2008 en Liquid Web.

    Términos de uso - Política de privacidad