sábado, 7 de junio de 2008

Abrir links externos en nueva ventana, plantilla Blogger

Las paginas de blogs en este caso Blogger, están configuradas por defecto para abrir los links que tengas externos, en la misma ventana donde se esta mostrando tu blog. Haciendo que la persona que visita tu pagina pierda de vista el blog, al hacer clic en cualquier link externo que tengas, y en mi opinión dejamos de visualizar cómodamente la pagina y no podemos usar la utilidad de abrir ventana nueva en pestaña, que tan útil es en nuestros navegadores.

Pero no te preocupes, hay un pequeño script que puedes añadir en la configuración Html de tu plantilla, que soluciona este problema (como muestra la foto).



Aviso: Es conveniente que guardes tu plantilla siempre que la edites y cambies algo, para recuperarla si no te gusta o pierdes código al hacer la operación. Ya no tienes excusas para mejorar tu blog.

Localiza en tu Html o pulsa Contro+f para buscar el texto en el código Html.

]]></b:skin>

Justo después de esta entrada pega el texto que viene a continuación. (En la línea inferior justo a continuación a esta). No olvides cambiar En el código que añadas www.tublog.blogspot.com y tublog.blogspot.com por la dirección de tu blog (con y sin www respectivamente) y guarda los cambios .

<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 esta página podeis encontrar el código completo y las explicaciones precisas para que no tengais ningún problema a la hora de añadirlo a vuestra plantilla.

Esperamos que os sea de utilidad.

1 comentario:

Anónimo dijo...
Este comentario ha sido eliminado por un administrador del blog.