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

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 1848 días /

    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 1848 días /

    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 1837 días /

    Exelente! Funciona perfeito

    Responder a Paparo →
  4. Lucas Robledo / Hace 1832 días /

    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 1829 días /

    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 1827 días /

    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 1813 días /

    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 1812 días /

    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 1811 días /

    lastimosamente solo se ve funcionale en IE, :( y firefox?

    Gracias

    Responder a Jpapollo →
  10. Francisco / Hace 1811 días /

    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 1802 días /

    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 1800 días /

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

    Responder a hscnet →
  13. Francisco / Hace 1799 días /

    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 1796 días /

    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 ! :D

    Responder a Fernando PH →
  15. Edward / Hace 1765 días /

    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 1765 días /

    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 1749 días /

    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 1724 días /

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

    Responder a Toribio →
  19. leonardo / Hace 1724 días /

    Gracias lo buscaba hace tiempo y anda perfecto! Saludos

    Responder a leonardo →
  20. Fabián / Hace 1709 días /

    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 1704 días /

    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 1681 días /

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

    Responder a Loca por las compras →
  23. jenny / Hace 1658 días /

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

    Responder a jenny →
  24. Mauricio / Hace 1658 días /

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

    Responder a Mauricio →
  25. Francisco / Hace 1658 días /

    Me alegro les halla servido :D

    Responder a Francisco →
  26. Txus / Hace 1638 días /

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

    Responder a Txus →
  27. batto / Hace 1595 días /

    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 1589 días /

    Hola? Nadie tiene este hack funcionando?

    Saludos

    Responder a batto →
  29. batto / Hace 1583 días /

    veo que no… U_U

    Responder a batto →
  30. angitawbm / Hace 1578 días /

    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 1551 días /

    Justo lo que buscaba, trabaja muy bien.

    Gracias

    Responder a Pochepoke →
  32. Francisco / Hace 1540 días /

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

    Responder a Francisco →
  33. Jaime / Hace 1513 días /

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

    Un saludo

    Responder a Jaime →
  34. Silvia / Hace 1492 días /

    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.

Blog and Web es un blog de Blógstica

Términos de uso - Política de privacidad