Igual aprendemos algo

nonews

Construyendo un vínculo

| domingo, 13 de diciembre de 2009
Aunque ya lo he explicado en más de un comentario, en este y algún otro blog, bueno será que lo vuelva a explicar aquí. Así será más fácil de encontrar para los que no lo sepan todavía.

En general cuando en un post queremos enlazar un texto o imagen a una página web nueva, solo tenemos que seleccionar ese texto o imagen y darle al botón que todos los editores de blogs incluyen en su escritorio. Eso hace que no nos demos cuenta de lo fácil que es montar un enlace, a no ser que seamos curiosos y estudiemos el código que nos ha introducido el mero hecho de darle a ese botón.

El problema viene cuando queremos o necesitamos vincular algo en un comentario, porque ahí la mayoría de las plantillas dejan de tener esos botones que tanto nos ayudan.

En un post anterior expliqué algunos trucos de texto que bien pueden ser empleados en los comentarios. Así que hoy toca explicar cómo hacer un enlace.

Consiste básicamente en anclar un cosa a otra. Para ello se utiliza la etiqueta de anclaje <a></a>.
Lo que seleccionaremos (imagen o texto) deberá ir encerrado en la etiqueta anterior, es decir entre la etiqueta de inicio <a> y la de cierre </a>.
Eso hará que cuando pasemos el ratón por encima de la parte seleccionada nos salga una indicación de que hay un enlace que al pinchar nos lleva a otra página.
Como aún no hemos puesto adonde queremos que nos lleve el enlace, todavía no nos saldrá la típica mano de vínculo.
Para decirle dónde queremos ir, deberemos darle la dirección de la nueva página, que obtendremos visitando ésta y copiando el enlace que aparece en la barra de direcciones de nuestro explorador web.
Esa dirección tenemos que colocarla dentro del atributo href que acompañará a la etiqueta de anclaje.
La cosa deberá quedar así:
<a href="dirección_de_la_nueva_página">texto o imagen seleccionada</a>


Veamos un ejemplo:

Para oír música moderna visita esta página del amigo Nando.


Todo esto se deberá escribir así:

Para oír música moderna <a href="http://comocantosrodados.blogspot.com/">visita esta página</a> del amigo Nando.



Sugerencia:
Siempre que introduzcamos código en un comentario, es conveniente comprobar que va a funcionar correctamente. Para ello, en lugar de publicar directamente el comentario, haremos una 'vista previa' y una vez comprobado su funcionamiento, procederemos a publicarlo.

13 comentarios:

Juan Nadie dijo...

Yo ya me lo sabía, que me lo había "chivado" alguien :-)
Deberías cobrar royalties por todos los trucos que nos enseñas. No, espera, olvídalo, que entonces me arruino

Nando dijo...

A ver si me enterado:
Si quieres ver soluciones informáticaspasate por la webde Pepe.
A ver si funciona!!

Nando dijo...

SIIIIIIII , FUNCIONA!!!!
Genial de la muerte , la de veces que he querido hacerlo y no sabía como!!
Estoy mas feliz que una lombriz!!
Te lo juro por la carcasa de mi Ipod!!!

jose dijo...

Claro que funciona hombre!
Ten cuidado con los espacios antes y después del tag, para que no quede todo el texto vinculado seguido del resto de la frase.

En un comentario en tu blog te dejé un vídeo sobre como hacerlo, pero igual no le viste.

Nando dijo...

Si lo ví,pero la cabeza se me hacía jaleos ese día y no hubo manera de digerirlo.Creo que ya me explicaste que en blogger no se podía meter una imagen como comentario,me refiero no a un link que te enviase a la web de la foto sino a la imagen sola en si.
Es asi?
Ya me dí cuenta en cuanto vi mi comentario de que no había dejado espacios pero ahora ya tendré cuidado.Gracias mil!!

jose dijo...

Así es, Nando.

En cuanto a las gracias, "no hay por qué no darlas", como decía aquél.

De nada.

Logan y Lory dijo...

Muchas gracias, porque para los ignorantes informáticos estas enseñanzas nos vienen al pelo.

A ver si aprendimos.

Nuestro ejemplo: Hemos descubierto un cantautor
pincha aquí

jose dijo...

El vínculo está bien construido, y sin embargo no va porque se os escapó algo en la dirección: %22.

Mi recomendación para que estos pequeños fallos no ocurran es la siguiente: Siempre que metamos algo de código en un comentario, en lugar de publicarlo directamente, le damos a vista previa. Eso nos permite comprobar si realmente funcionará como queríamos.

Un saludo

Logan y Lory dijo...

Ya nos dimos cuenta y sabemos porqué fue. En lugar de poner el vínculo de la página principal le asignamos la de la entrada en la cuenta.. Novatos que somos... jajajaja

De todos modos ayer lo probamos en el blog de Logio y salió bien.

Gracias Jose, de nuevo, tu ayuda es inestimable.

Anónimo dijo...

Jose, vuelvo por aquí o por el ejemplo que me pusiste inicialmente, cada vez que necesito hacer un vínculo, hasta que se me quede en la memoria. Me parece que te voy a visitar todavía en muchas más ocasiones.

Una vez me di cuenta que, en la expresión que pones a modo de regla pero sin ejemplo de ningún blog, faltaba la barra del final de la dirección (y que yo no incluía) y que precede a las comillas de cierre. No sé si a alguien más le habrá pasado o le podrá pasar. Vaya, que yo pensaba que la dirección url no acababa con la barra sino antes de ella.

Gracias de nuevo, Jose.

¡Qué suerte tengo, la palabra de verificación que me ha tocado es "andar"! ¡Qué bonita, y tiene sentido! Nunca me había pasado.

jose dijo...

Olvídate de si barra sí o barra no.
Simplemente copia lo que ponga en la barra de dirección del navegador.
Algunas direcciones tendrán barra final, pero otras no.

Anónimo dijo...

"Sus órdenes".

Y gracias.

jose dijo...

Ja, ja, ja, ... de nada!
Es que cuando escribo deprisa y al vuelo no me ando con florituras.

Los últimos comentarios