lunes, 29 de agosto de 2011

All you need is BLOG – Código para abrir enlaces en una página nueva

Si has subido entradas que requieren un enlace a otra página diferente a la tuya,
no sé, quizá cuando apoyas el tutorial de una colega,
ó haces referencia a algún artículo interesante en la web
y agregas un enlace desde tu blog a otras páginas,
seguro que utilizas la función Hypervínculo (Enlace),
pero…,
¿sabes como agregarle el código para que está página sea abierta en otra página nueva?
no querrás que tu lector pierda el acceso de tu página por ir a navegar lo que le sugieres,
con este sencillo código que a continuación te compartiré,
le das la opción de tener tu entrada original aún disponible
mientras va y da un vistazo a tu recomendación.

Pero comencemos por el principio,
en caso de que aún no sepas como agregar un enlace,
haremos el ejercicio completo

En tu escritorio de blogger, eliges la opción Nueva Entrada

Entrada Hypervínculo

Una vez que tengas el texto escrito,
sombrea la palabra que funcionará como enlace,
de igual manera funciona con una imagen
ubica y haz clic en la palabra Enlace del menú superior.

Al dar clic, te mostrará la ventana con las siguientes opciones:

Entrada Enlace

Texto para mostrar: Enlace de prueba
Enlazar a: •Dirección web
¿A qué URL debería dirigir este enlace?: Escribe la dirección electrónica de tu enlace

Blogger te ofrece un botón de prueba para que verifiques que el enlace funciona.

Haz clic en Aceptar.

Una vez termines Blogger te notificará que has agregado un enlace
con una barra azul visible sólo para ti.

Entrada Hypervínculo2

Ahora viene lo que te comenté al principio,
el código para hacer que tu enlace se abra en una página nueva.

Haz clic en la pestaña Edición HTML
para accesar al código html de tu entrada.

Verás algo similarEntrada Hypervínculo3

Ubica en dónde termina la URL que agregaste,
en mi caso yo decidí que la URL sería
la página principal de mi blog “http://lberloz.blogspot.com”
justo entre las comillas de cierre (") y el signo de mayor que (>)
escribe el siguiente código: target="_blank"

Se deberá ver así:

<left>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://lberloz.blogspot.com/"target="_blank">Entrada de prueba&nbsp;</a>
</left>

Haz clic en Publicar entrada y listo

¡Feliz inicio de semana!

Firma new

1 comentario:

Unknown dijo...

Gracias a personas como tú, las que no tenemos mucha idea de los blogs, podemos ir aprendiendo cositas. Muchas gracias por ayudarnos, me parece muy interesante este pequeño consejo de enlaces. Un saludo

Related Posts Plugin for WordPress, Blogger...