Cómo abrir enlaces externos en otra pestaña


Si quieres que un enlace o link en específico se abra en otra ventana o pestaña, solo debes agregar el código target="_blank" al enlace o URL. Si estás haciendo o editando una entrada puedes seleccionar el texto al que le quieras enlazar una url, hacer clic sobre la opción "Enlace", agregar la respectiva URL, y luego habilitar la casilla "Abrir este enlace en una ventana nueva", esto agregará automáticamente el target="_blank" al enlace. Si quieres modificar el código de un enlace directamente en el modo HTML lo puedes hacer de la siguiente manera:

Ejemplo enlace simple:

<a href="URL que redirecciona"target="_blank" ></a>

Ejemplo enlace con imagen:

<a href="URL que redirecciona"target="_blank" ><img alt=" Descripción de la imagen " title="Descripción de la imagen" src="URL de la imagen"/></a>

Ejemplo enlace con texto:

<a href="URL que redirecciona"target="_blank" >Texto sobre el que se aplica el enlace</a> 

Para que las personas permanezcan en nuestra página o Blog al hacer clic sobre un enlace externo y que éste se abra en otra pestaña, también podemos colocar el siguiente código debajo del </b:skin> en nuestra plantilla.

La ruta sería: Plantilla / Editar HTML / ►<b:skin></b:skin> o de esto)

<script async='async' type='text/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>


Ahora, solo remplaza el texto que está en color rojo con los datos de tu sitio, si ya cuentas con un dominio propio, colócalo con "www. y sin www".

Espero que esta información les sea de mucha utilidad.

Gracias.


Cómo hacer para que los links se abran en otra ventana o pestaña en blogger, tutorial para abrir enlaces externos en otra ventana o pestaña en blogger, código para abrir enlaces externos en blogger,