martes, 3 de marzo de 2009

Aprender a crear enlaces o links en Blogger.

1.- Crear un enlace o link en la misma ventana:

Para insertar enlaces (links) en un post se pueden emplear dos formas; una de ellas, la más simple es en el
propio editor de entradas: primero escribes el texto al cual le quieres añadir un link, lo seleccionas con el ratón (mouse) y luego haces click en el símbolo de link: , escribes la dirección URL del enlace y listo. 

Esta forma, como supondréis, solo sirve para poner los enlaces en los post. 

La otra forma es a través del HTML, usando el atributo href, es decir, copias y pegas el siguiente código y pones la dirección del sitio a linkar o página de destino : 


<a href="URL PAGINA DESTINO">NOMBRE DE LA PAGINA</a>  
 
Si lo que queremos es crear un link sobre una imagen, primero debemos subir la imagen a un hosting de imágenes (por ejemplo imageshack) y quedarnos con el enlace directo que nos proporcione, luego debemos insertar en el post donde vaya a ir la imagen el siguiente código HTML: 

<a href="
URL PAGINA DESTINO"><img src="URL FOTO" /></a> 

2.- Crear un enlace o link en una ventana nueva: 
 
Cuando estamos trabajando en Blogger y necesitas colocar una direccion electronica de un sitio determinado en tu blog, veras que cuando tus visitantes hacen click en ese enlace, aparecerá la página origen del enlace pero tu página desaparece automáticamente. 

Para que el soporte destino sea otra ventana, debe definirse el atributo target. Existen nombres estándar de algunas ventanas como _self, _blank, _top, _parent. Pero también se puede dar un nombre arbitrario, y eso es lo que deberíamos hacer, es decir añadimos target="_blank" o target="_pepito"... después de la dirección de la página, justo antes de >, quedaría: 


<a href="
URL PAGINA DESTINO" target"_blank">NOMBRE DE LA PAGINA</a>

OBSERVACIÓN:

Una cosa que hay que considerar es el bloqueo de ventanas emergentes desde la configuración de los navegadores. Si bien en estos casos algunos navegadores abren una ventana nueva, la verdad es que no debería ser así. Unos navegadores la bloquean directamente, otros (como Opera) te redireccionan a la web destino pero en la misma ventana. 

Por ello, si el anterior código no funciona, se puede usar el siguiente javascript onclick="window.open('URL PAGINA DESTINO');return false" después de la dirección de la página, justo antes de >, quedaría:


<a href="
URL PAGINA DESTINO"  
onclick="window.open('
URL PAGINA DESTINO');return false"> 
NOMBRE DE LA PAGINA</a> 

Ejemplo: Ir a wikipedia





No hay comentarios:

Publicar un comentario

Ahora mismo estoy leyendo: