Bienvenido a VidaBlogger, un sitio dedicado a brindar Ayuda para Blogs.

Vas a poder encontrar trucos blogger, tutoriales y herramientas para blogs, aprenderás estrategias sobre SEO y posicionamiento web, y te daremos los mejores consejos para que lleves tu blog al máximo potencial!





24 abr. 2010

Abrir enlaces en pestañas

Como abrir enlaces en otras pestañas

En Blogger, una de las diferencias que existe con WordPress, los enlaces se abren en la misma ventana, con lo cual si enlazamos a un sitio externo, terminamos perdiendo la visita.
Esto debemos ajustarlo, abriendo los enlaces de los post en otras pestañas, por:

  • El usuario no sentirá perder el control del navegador, caso distinto cuando aparecen pop ups indeseados.

  • Si el visitante no ve en la ventana del enlace la información deseada, cierra y abre otra pestaña en vez de volver para atrás a la página nuestra
  • Las versiones más recientes de los navegadores más utilizados, utilizan pestañas para cada ventana que se abre, favoreciendo la navegación del usuario



Con lo que el enlace se abrirá en una nueva pestaña, sin que perdamos la visita.

Para lograr esto debemos acceder al Escritorio>Diseño>Edición de Html, expandiendo los artilugios. Luego buscaremos la etiqueta <head> y copiaremos el siguiente código
<base target='_blank'/>

Bien con esto ya se abren todos los enlaces en otras pestañas, sin embargo debemos establecer algunas excepciones para que no se abran los enlaces en otras pestañas, que no sean del post precisamente.

Buscamos la linea <b:if cond='data:post.url'> y añadimos a la linea siguiente la palabra target='_parent', quedando algo así

<a expr:href='data:post.url' target='_parent'><data:post.title/></a>

Lo mismo haremos con las lineas:

1) <a expr:href='data:blog.homepageUrl (son dos lineas) quedando > <a expr:href='data:blog.homepageUrl' target='_parent'><data:title/></a>
2)<a expr:href='data:post.emailPostUrl' quedando > <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg' target='_parent'>
3) <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title' quedando > <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title' target='_parent'>
4)<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' quedando > <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle' target='_parent'><data:newerPageTitle/></a>
</span>
5)<a class='blog-pager-older-link' expr:href='data:olderPageUrl' quedando > <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle' target='_parent'><data:olderPageTitle/></a>

Y así con todos los enlaces que no querramos que se abran en otra pestaña. El código básico para esto es:
<a href='URL del enlace' target='_parent'>Texto del enlace</a>


De esta forma lograremos abrir solo los enlaces de un post en otra pestaña del navegador.

Truco Visto en Ciudad Blogger
Foto Vía Daniel Greene - flickr

3 comentarios :

  1. Hola buenas! Me ha resultado muy útil este post. Gracias. Pero tengo un pequeño problemilla. Y es que no encuentro la parte del código de mi plantilla donde debo incluir el "target='_parent'" para que las pestañas de la interface de mi blog (no del navegador) NO se abran en otra ventana o pestaña del navegador. ¿Podéis echarme una mano? Seguro que es una bobada, pero soy novata y no lo encuentro. ¡Mil gracias!

    ResponderEliminar
  2. Muy buen tutorial, realmente muy util, mas cuando son sitios que incluyen muchos enlaces entonces para evitar esta tarea, solo agregamos esa etiqueta al head.

    ResponderEliminar
  3. Está genial, esto lo he buscado por mucho tiempo, muchas gracias.

    ResponderEliminar

Lea las reglas:

Todos los comentarios serán leídos y moderados previamente.

Serán publicados aquellos comentarios que respeten las siguientes reglas:
- Su comentario debe estar relacionado al contenido del post.
- No se aceptan comentarios tipo SPAM.
- No incluya links No necesarios en el contenido de su comentario.
- Si quieres dejar la url de tu blog, hazlo utilizando la opción OpenID.
- La caja de comentarios no es el lugar para pedir intercambio de links (para ello ve a la página de contacto).
- Ofensan personales, amenazas o insultos NO serán permitidos.

OBS: Los comentarios de los lectores no reflejan las opiniones del blog.