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

Abril 24th, 2007 | Publicado por Francisco en Blogger | 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.

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”.

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>

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.

Respuestas

Feed |

Xavi:

Mayo 1st, 2007 a las 1:44 pm (#)

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.
Francisco:

Mayo 1st, 2007 a las 10:19 pm (#)

Hola Xavi!

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

Gracias por la corrección, saludos!
Paparo:

Mayo 12th, 2007 a las 12:18 pm (#)

Exelente! Funciona perfeito
Lucas Robledo:

Mayo 18th, 2007 a las 4:07 am (#)

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

Mayo 20th, 2007 a las 12:13 pm (#)

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
Francisco:

Mayo 22nd, 2007 a las 8:13 pm (#)

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!
El Chavalo:

Junio 6th, 2007 a las 3:37 am (#)

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?
Francisco:

Junio 6th, 2007 a las 5:47 pm (#)

Que tal Chavalo!

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

Abrir vinculos externos con javascript

Saludos!
Jpapollo:

Junio 7th, 2007 a las 2:50 pm (#)

lastimosamente solo se ve funcionale en IE, y firefox?

Gracias
Francisco:

Junio 7th, 2007 a las 6:32 pm (#)

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

Junio 16th, 2007 a las 6:37 pm (#)

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

Gracias por lo tips
hscnet:

Junio 19th, 2007 a las 6:49 am (#)

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

Junio 20th, 2007 a las 1:30 am (#)

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.
Fernando PH:

Junio 22nd, 2007 a las 1:53 pm (#)

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

Julio 23rd, 2007 a las 6:03 pm (#)

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

Julio 24th, 2007 a las 5:20 am (#)

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

Saludos!
Emilio:

Agosto 8th, 2007 a las 11:49 am (#)

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

Septiembre 2nd, 2007 a las 12:42 pm (#)

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

Septiembre 2nd, 2007 a las 9:45 pm (#)

Gracias lo buscaba hace tiempo y anda perfecto! Saludos
Fabián:

Septiembre 17th, 2007 a las 10:23 am (#)

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

Septiembre 23rd, 2007 a las 1:25 am (#)

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

Un saludo!
Loca por las compras:

Octubre 16th, 2007 a las 5:31 am (#)

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

Noviembre 7th, 2007 a las 8:12 pm (#)

Muchisimas gracias!!!!!!!!POR FIN!!!!!!!!!!!!!!!!!!!!
Mauricio:

Noviembre 7th, 2007 a las 10:49 pm (#)

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

Noviembre 8th, 2007 a las 2:24 am (#)

Me alegro les halla servido
Txus:

Noviembre 28th, 2007 a las 2:46 am (#)

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

Enero 9th, 2008 a las 6:51 pm (#)

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
batto:

Enero 16th, 2008 a las 4:41 am (#)

Hola? Nadie tiene este hack funcionando?

Saludos
batto:

Enero 22nd, 2008 a las 5:38 am (#)

veo que no… U_U
angitawbm:

Enero 26th, 2008 a las 9:38 pm (#)

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

Febrero 22nd, 2008 a las 2:33 pm (#)

Justo lo que buscaba, trabaja muy bien.

Gracias
Francisco:

Marzo 4th, 2008 a las 8:38 pm (#)

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

Marzo 31st, 2008 a las 11:45 pm (#)

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

Un saludo
Silvia:

Abril 21st, 2008 a las 11:43 pm (#)

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

Xavi:

Mayo 1st, 2007 a las 1:44 pm (#)

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.

Francisco:

Mayo 1st, 2007 a las 10:19 pm (#)

Hola Xavi!

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

Gracias por la corrección, saludos!

Paparo:

Mayo 12th, 2007 a las 12:18 pm (#)

Exelente! Funciona perfeito

Lucas Robledo:

Mayo 18th, 2007 a las 4:07 am (#)

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!

Kurodesu:

Mayo 20th, 2007 a las 12:13 pm (#)

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

Mayo 22nd, 2007 a las 8:13 pm (#)

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:

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

Saludos!

El Chavalo:

Junio 6th, 2007 a las 3:37 am (#)

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?

Junio 6th, 2007 a las 5:47 pm (#)

Que tal Chavalo!

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

Abrir vinculos externos con javascript

Jpapollo:

Junio 7th, 2007 a las 2:50 pm (#)

lastimosamente solo se ve funcionale en IE, y firefox?

Gracias

Junio 7th, 2007 a las 6:32 pm (#)

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

Fernando PH:

Junio 16th, 2007 a las 6:37 pm (#)

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

Gracias por lo tips

hscnet:

Junio 19th, 2007 a las 6:49 am (#)

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

Junio 20th, 2007 a las 1:30 am (#)

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.

Junio 22nd, 2007 a las 1:53 pm (#)

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 !

Edward:

Julio 23rd, 2007 a las 6:03 pm (#)

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

Julio 24th, 2007 a las 5:20 am (#)

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

Emilio:

Agosto 8th, 2007 a las 11:49 am (#)

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

Toribio:

Septiembre 2nd, 2007 a las 12:42 pm (#)

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

leonardo:

Septiembre 2nd, 2007 a las 9:45 pm (#)

Gracias lo buscaba hace tiempo y anda perfecto! Saludos

Fabián:

Septiembre 17th, 2007 a las 10:23 am (#)

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

Septiembre 23rd, 2007 a las 1:25 am (#)

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

Un saludo!

Loca por las compras:

Octubre 16th, 2007 a las 5:31 am (#)

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

jenny:

Noviembre 7th, 2007 a las 8:12 pm (#)

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

Mauricio:

Noviembre 7th, 2007 a las 10:49 pm (#)

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

Noviembre 8th, 2007 a las 2:24 am (#)

Me alegro les halla servido

Txus:

Noviembre 28th, 2007 a las 2:46 am (#)

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

batto:

Enero 9th, 2008 a las 6:51 pm (#)

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

Enero 16th, 2008 a las 4:41 am (#)

Hola? Nadie tiene este hack funcionando?

Enero 22nd, 2008 a las 5:38 am (#)

veo que no… U_U