Blog and Web

  • Inicio
  • Foro para Blogger
  • Nosotros
  • Publicidad
  • Plantillas Blogger
  • Categorias
    • Adsense
    • Blogandweb
    • Blogger
    • Blogs
    • CSS
    • Diseño
      • Fuentes
      • Iconos
      • Logos
    • Dominios
    • Geek
    • HTML
    • Javascript
    • México
    • Notas rápidas
    • Photoshop
      • Brushes
    • PHP
    • Plantillas Blogger
    • Productos Google
      • Firefox
    • Recursos en linea
    • Red
    • SEO
    • Software
    • Tutoriales
    • Uncategorized
    • Web 2.0
    • Widgets para Blogger
    • Wordpress
      • Plugins
      • Themes
  • Suscríbete vía RSS
« Abrir los links externos en una nueva página con Javascript
Encuentra la cambinación de colores para tu web en linea »

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.

  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.

Artículos relacionados

  • Abrir los links externos en una nueva página con Javascript
  • Mediante un script podemos abrir todos los enlaces externos en una nueva...

  • Diferenciar los links externos con CSS
  • Todas las páginas web o blog hacemos uso de otras y las...

  • Buscador en Blogger
  • Hay novedades en Blogger draft, ahora es posible incluir un buscador en...

Respuestas

Feed |
  1. 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.

  2. Francisco:

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

    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 12th, 2007 a las 12:18 pm (#)

    Exelente! Funciona perfeito

  4. 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!

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

  6. 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!

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

  8. 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!

  9. Jpapollo:

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

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

    Gracias

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

  11. 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 ;)

  12. 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?

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

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

  15. 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!!!!!!

  16. 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!

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

  18. Toribio:

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

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

  19. leonardo:

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

    Gracias lo buscaba hace tiempo y anda perfecto! Saludos

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

  21. 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: &amp;

    Un saludo!

  22. Loca por las compras:

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

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

  23. jenny:

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

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

  24. Mauricio:

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

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

  25. Francisco:

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

    Me alegro les halla servido :D

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

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

  28. batto:

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

    Hola? Nadie tiene este hack funcionando?

    Saludos

  29. batto:

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

    veo que no… U_U

  30. 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!!!! ^_^

  31. Pochepoke:

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

    Justo lo que buscaba, trabaja muy bien.

    Gracias

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

  33. Jaime:

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

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

    Un saludo

  34. Silvia:

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

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

  • Templates Blogger
  • Foro para Bloggers
  • Aplicaciones web 2.0

Categorías

  • Adsense
  • Blogandweb
  • Blogger
  • Blogs
  • Brushes
  • CSS
  • Diseño
  • Dominios
  • Firefox
  • Fuentes
  • Geek
  • HTML
  • Iconos
  • Javascript
  • Logos
  • México
  • Notas rápidas
  • Photoshop
  • PHP
  • Plantillas Blogger
  • Plugins
  • Productos Google
  • Recursos en linea
  • Red
  • SEO
  • Software
  • Themes
  • Tutoriales
  • Uncategorized
  • Web 2.0
  • Widgets para Blogger
  • Wordpress

Patrocinadores

  • Anúnciate aquí
  • Foros del Blog
  • Web a 2.0
  • BTemplates
  • Zona Chrome
  • Ser Turista
  • Blog ingeniería

Blogroll

  • Infected-FX
  • Blogmundi
  • Adseok
  • Zona Cerebral
  • Sigt
  • Loogic
  • Blog en serio
  • Isopixel
  • Vecindad Gráfica

Entradas Recientes

  • Como agregar una sidebar en una plantilla Blogger
  • Trasladar la barra de estatus de Blogger al sidebar
  • Cómo poner banners de 125×125
  • Blogger y su sistema de seguidores
  • Colección: Viñetas, flechas y mini iconos

Comentarios Recientes

  • Julian en Pintando con Bob Ross en Photoshop
  • Bassofia en El lugar más seguro para hospedar las imágenes de tu plantilla blogger
  • Francisco en Como agregar una sidebar en una plantilla Blogger
  • Sebastian en Como agregar una sidebar en una plantilla Blogger
  • zEEROCKz en 21 Paquetes para Social Bookmarking

Archivos

  • Noviembre 2008
  • Octubre 2008
  • Septiembre 2008
  • Agosto 2008
  • Julio 2008
  • Junio 2008
  • Mayo 2008
  • Abril 2008
  • Marzo 2008
  • Febrero 2008
  • Enero 2008
  • Diciembre 2007
  • Noviembre 2007
  • Octubre 2007
  • Septiembre 2007
  • Agosto 2007
  • Julio 2007
  • Junio 2007
  • Mayo 2007
  • Abril 2007
  • Marzo 2007
  • Febrero 2007

©2008 Blog and Web - Bajo WordPress. Diseño basado en grindlite.
Condiciones de uso | Política de privacidad