24Abr

Abrir los links externos en una nueva página en Blogger

Francisco / 24 de Abril de 2007 / 34 Comentarios

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

  2. 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>
  3. 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.

Blogger

Deja tu opinión.

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 / Mayo 1, 2007 /

    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.

  2. Francisco / Mayo 1, 2007 /

    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!

  3. Paparo / Mayo 12, 2007 /

    Exelente! Funciona perfeito

  4. Lucas Robledo / Mayo 18, 2007 /

    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!

  5. Kurodesu / Mayo 20, 2007 /

    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

  6. Francisco / Mayo 22, 2007 /

    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!

  7. El Chavalo / Junio 6, 2007 /

    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?

  8. Francisco / Junio 6, 2007 /

    Que tal Chavalo!

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

    Abrir vinculos externos con javascript

    Saludos!

  9. Jpapollo / Junio 7, 2007 /

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

    Gracias

  10. Francisco / Junio 7, 2007 /

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

  11. Fernando PH / Junio 16, 2007 /

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

    Gracias por lo tips ;)

  12. hscnet / Junio 19, 2007 /

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

  13. Francisco / Junio 20, 2007 /

    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.

  14. Fernando PH / Junio 22, 2007 /

    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

  15. Edward / Julio 23, 2007 /

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

  16. Francisco / Julio 24, 2007 /

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

    Saludos!

  17. Emilio / Agosto 8, 2007 /

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

  18. Toribio / Septiembre 2, 2007 /

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

  19. leonardo / Septiembre 2, 2007 /

    Gracias lo buscaba hace tiempo y anda perfecto! Saludos

  20. Fabián / Septiembre 17, 2007 /

    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();
    }

  21. Francisco / Septiembre 23, 2007 /

    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!

  22. Loca por las compras / Octubre 16, 2007 /

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

  23. jenny / Noviembre 7, 2007 /

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

  24. Mauricio / Noviembre 7, 2007 /

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

  25. Francisco / Noviembre 8, 2007 /

    Me alegro les halla servido :D

  26. Txus / Noviembre 28, 2007 /

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

  27. batto / Enero 9, 2008 /

    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

  28. batto / Enero 16, 2008 /

    Hola? Nadie tiene este hack funcionando?

    Saludos

  29. batto / Enero 22, 2008 /

    veo que no… U_U

  30. angitawbm / Enero 26, 2008 /

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

  31. Pochepoke / Febrero 22, 2008 /

    Justo lo que buscaba, trabaja muy bien.

    Gracias

  32. Francisco / Marzo 4, 2008 /

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

  33. Jaime / Marzo 31, 2008 /

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

    Un saludo

  34. Silvia / Abril 21, 2008 /

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

Responder

¡Gracias por dejar tu opinión! Por favor procura que tus comentarios no estén fuera tema, no sean promocionales (spam), ilegales u ofensivos, de otro modo, serán eliminados. Recuerda que puedes usar nuestro foro para otros temas y preguntas.

Blog and Web es un blog de Blógstica

Términos de uso - Política de privacidad