Abrir links en una ventana aparte en tu blog


Si quieres que en tu blog de blogger cada vez que se haga clic en un link, la página sea cargada en otra página, deberemos hacer lo siguiente:
1) Vamos a Diseño
2) Edición de HTML
3) Marcamos la casilla "expandir artilugios"
4) Buscamos tecleando Ctrl + F   ]]></b:skin&gt;
5) Justo antes pegamos el siguiente codigo:


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


Cambiamos los datos en rojo por los tuyos y listo.
 

Gracias a esto, los lectores de tu blog no se irán de tu blog al pulsar sobre un link.





Truco para sólo abrir las etiquetas en una ventana nueva:
1) Vamos a Diseño -> Edición de HTML y damos clic a "Expandir plantilla de artilugios"
2) Buscamos este código (tecleamos Ctrl + F para buscar más rápido)


<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>


Y lo sustituimos por este:


<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' target='_blank'>





Si quieres que cuando pulsen una imagen no salgan de tu blog busca este codigo y añade lo que esta en negrita:


type='Image'>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:link != &quot;&quot;'>
<a expr:href='data:link' target='blank'&gt:





Si por culpa de tu plantillalos trucos anteriores no te funcionan correctamente no te preocupes, siempre podrás hacerlo manualmente con todos los links de la siguiente forma:


<a href="http://www.LINK.com/" target="_blank">


Debes agregar a cada link target='blank' despues del enlace

40 comentarios:

  1. Lo unico similar que tengo es esto:

    b:loop values='data:links' var='f'

    Gracias!

    ResponderEliminar
  2. Añade esto en su lugar a ver si te funciona

    <b:loop values='data:links' var='link'>
    <li><a expr:href='data:link.target' target='blank'><data:link.name/></a></li>
    </b:loop>

    ResponderEliminar
  3. quierocrearunblog sabes alguna otra manera? porque lo que explicas en la entrada no lo encuentro en mi plantilla, y lo que dice Viviana y Sofia si que lo tengo, pero al reemplazarlo me sigue abriendo los links en la misma pagina, estoy muy interesado en esto, gracias por tu tiempo, veo que has vuelto por todo lo alto, un saludo.

    ResponderEliminar
  4. Hola jose_3.

    Como a muchos no os aparece ese codigo he redactado otra forma de hacerlo.

    Comunicadme si os funciona.

    Un saludo y disculpad las molestias.

    ResponderEliminar
  5. No me funciona. Me sigue abriendo los enlaces en la misma pagina.

    ResponderEliminar
  6. Pues me temo que por culpa de tu plantilla no te queda otra que hacerlo manualmente de la siguiente forma en cada post que crees:

    <a href="http://www.LINK.com/" target="_blank">

    ResponderEliminar
  7. De forma mas completa seria asi: <a href="enlace a la web donde quieras ir" target="_blank> titulo de la web</a>

    Te lo pongo asi porque no puse el codigo completo y no se si sabrias completar la otra parte. Disculpa.

    ResponderEliminar
  8. Ya lo entendi a la primera.Estoy en ello. Da mas trabajo pero funciona.
    Gracias.

    ResponderEliminar
  9. Me alegro que te sirva esta otra opción. Tienes razón, da más trabajo pero a veces no queda otra.

    Un saludo amigo.

    ResponderEliminar
  10. uhmm... ya me habia ilusionado pero no me funciono el script :( tendré que optar par la opción individual jejeje

    saludos!

    ResponderEliminar
  11. Hola Isaias. Tiene que haber algo que anule este script en segun que plantillas. En cuanto me entere de algo lo pondre.

    Saludos.

    ResponderEliminar
  12. Eres un hacha, me funciona y además hace que me resulte apasionante esto de aprender un nuevo alfabeto y una nueva ortografía. Te lo debo. Soy profesora y hacía tiempo que nada me apasionaba tanto.
    Si quieres te enlazo a mi blog y se lo recomiendo a los alumnos. Te mando la dirección por si tienes una forma de enlazar acorde con la página y donde quieres que lo pegue. Me falta por hacer un menú superior y en él quiero poner páginas de interés, aunque te mereces un lugar único y exclusivo. Un saludo. Angeles

    ResponderEliminar
  13. Se me olvidó enviar la dirección. Otro saludo. Ángeles

    ResponderEliminar
  14. Hola Ángeles, muchísimas gracias por tus palabras. La verdad es que leerte me das fuerzas por seguir escribiendo día a día para tratar de ayudar a los demás.

    Si quieres crear un menú te animo a que eches un vistazo a los que hay en este blog. Puedes buscar arriba a la derecha en el buscador o en la columna de la izquierda en la nube 3D de etiquetas.

    Gracias a eliminar el nofollow en este blog, dejando aquí tu enlace te servirá a ti también. Respecto a mi enlace en tu página sólo faltaría que yo te dijese dónde ponerlo jeje, ponlo donde más te guste y te sea práctico, ni mucho menos quiero ensuciar tu blog. Por cierto, muy buen blog.

    Gracias por tu visita, por comentar y por tus palabras. Un saludo.

    ResponderEliminar
  15. Ya me apunté a seguidores y creé el enlace a tu blog. Lo he colocado en un sitio de honor, en la primera entrada de la sidebar, pero me gustaría que tuviera el fondo azul oscuro y las letras blancas. Voy a intentarlo yo sola, pero si estás por ahí y puedes me dices cómo. Gracias.

    ResponderEliminar
  16. También he pensado ponerlo abajo, al final de la página, para que se animen después de haber visto lo que se puede hacer. Pero entonces tendría que ser más llamativo. No sé, voy a hacer experimento y ya te diré.

    ResponderEliminar
  17. Gracias...lo voy a probar y te digo que tal funciono.saludos...

    ResponderEliminar
  18. Hola lo he probado y no me funciona y leyendo los comentarios encontre un codigo alternativo,pero no entiendo como se pone.Me gustaria poder solucionar esto pero bue espero tu respuesta.Gracias.Saludos...

    ResponderEliminar
  19. @ ángeles. Gracias por apuntarte a mis seguidores. Te lo agradezco, y muchas gracias de nuevo por el enlace.

    @ Contacto. En la propia entrada tienes detallado otro método más "aparatoso y molesto" pero que funciona sin problemas para los que tenéis problemas con vuestras plantillas.

    Gracias por comentar, un saludo.

    ResponderEliminar
  20. hola, tengo una pregunta.. ok em salio todo bien! perfecto pero tb se abren en otras ventanas los link propios del blog por ejemplo las etiquetas, esas cosas cuando yo dolo kiero que se abran en una nuevas ventanas la lista de spaginas web, blog, enlaces ,etc... entonces no c como hacerr

    ResponderEliminar
  21. Hola Sentir, tan sólo debes hacer lo contrario de lo que he puesto en "Truco para sólo abrir las etiquetas en una ventana nueva".

    Un saludo.

    ResponderEliminar
  22. hola d enuevo, creo que no explique bien lo que queria hacer , jja al momento de usar el codigo para abrir las ventanas me sale pero se abre todo y yo NO quiero que las etiquetas se abran en una nueva pagina lo demas si eso no c como arreglarlo..sigo en los mismos problemas.. gracias

    ResponderEliminar
  23. Vuelvo a remitirte a los mismos pasos que te contesté anteriormente. Tendrías que hacer lo contrario.

    ResponderEliminar
  24. Buenas Tardes

    Bueno buscando el codigo que pones mas arriba (si lo copio aqui no me deja enviar el mensaje) para que los links se abran en ventanas nuevas, me aparece en rojo, es decir que no encuentra la etiqueta. Como puedo solucionar esto? estoy muy interesada en poner esto en mi blog.

    Saludos

    ResponderEliminar
  25. Hola Ana. Me temo que en algunas plantillas no se puede poner con este código y desconozco alguna alternativa. De todas formas siempre te quedará hacerlo de forma manual. Un saludo.

    ResponderEliminar
  26. a que te refieres cuando dices de forma manual??

    Saludos

    ResponderEliminar
  27. Pues me refiero al último procedimiento descrito en esta entrada.

    <a href="http://www.LINK.com/" target="_blank">

    ResponderEliminar
  28. hola si tengo algo asi en mi blog como hago para k este widget de twitter osea solo la lista lista se me abra en otra ventana

    tengo ese codigo en mi plantilla:
    < b:widget id='HTML2' locked='false' title='Sigueme en Twitter' type='HTML' >

    ResponderEliminar
  29. Hola. Ves a Diseño->Elemento de página-> y ves al gadget que tiene lo de sígueme en Twitter. Allí sigue esta estructura:

    <a href="http://www.LINK.com/" target="_blank">

    Aunque he visitado tu blog y veo que ya lo has solucionado.

    Saludos y bienvenido al blog.

    ResponderEliminar
  30. Hola, no lo logra hacer me podes decir que tendria que poner para hacerlo de forma manual ? Gracias

    ResponderEliminar
  31. Intento de forma manual y tampoco puedo fijate en que me equivoco. Gracias

    ResponderEliminar
  32. Hola. Debes agregar a cada link target='blank' despues del enlace tal y como está puesto en el ejemplo.

    ResponderEliminar
  33. Hola.
    Pues de nuevo por aqui, entro a tu página continuamente para ver las novedades que incluyes, aunque no incluyo en mi blog muchas de ellas, por lo sencillo que lo tengo. Esta entrada no la había visto y echándome un clavado la encontré, y está genial, me funcionó la cosa individual, por mi plantilla, y está super bien.
    No me queda más que agradecerte por todo el trabajo y tiempoque te tomas. Haces parecer todo muy facil y me has llevado de la mano, gracias por ello.
    Nuevamente gracias y saludos en esta vispera del día de la amistad.

    ResponderEliminar
  34. Hola Adriana. Muchísimas gracias por tus palabras de gratitud. Te las agradezco de corazón. Un saludo :)

    ResponderEliminar
  35. Hola, tengo un post donde hay unos links de descarga y quiero que se abran en otra pestaña...aun no he podido colocar el enlace manualmente y lo de target despues de head ...no se. Como haria? pero cuando activo el target blank todas los enlaces se van a otra pestaña y hasta desde mis paginas..cuando quiero ver hay mas de 6 pestañas asi q no se como hacer para que solo los link de descarga del post vayan a otra pestaña.Gracias

    ResponderEliminar
  36. hola, tengo un problema aver si me puedes ayudar, yo quiero que crear un menu horizontal en mi blog como por ejemplo:

    Home | Descargas | Contacto

    logicamente cuando haga clic en "Descargas" se muestre todas las entras que contengan la etiquetas Descargas no se si me dejo entender. serian como paginas diferentes y en cada uno de los menus me muestren los resultados de dichas etiquetas.

    ojala me puedas ayudar.

    ResponderEliminar
  37. Hola quisiera saber como se hace para poner pestañas arriba que digan por ejemplo
    Inicio | Cosas | Titulos |
    simplemtente como ejemplo digo eso.
    Quiero que esten la imagen de arriba y las entradas de abajo

    ResponderEliminar
  38. no me resulta lo que hay que hacer para que cuando alguien de clik en un link de una entrada lo abra en otra pestaña o pagina. como hago???????

    ResponderEliminar