Como añadir los enlaces en un menú

Incluir un menú en el blog no resulta demasiado complicado, especialmente cuando lo añadimos siguiendo las instrucciones de cualquier web de menús o desde alguna de las entradas de mi blog al respecto por ejemplo.

El mayor problema que se presenta y que yo misma he comprobado a través de algunos de los correos que recibo, suele ser a la hora de construir los enlaces del menú, en concreto la pregunta que más se repite es:

¿Como hago para que las pestañas de mi menú lleven a tal o cual página?


Menú

Dependiendo del tipo de menú, este constará de códigos distintos para su funcionamiento, pero siempre incluirá el código HTML que será necesario precisamente para la construcción de los enlaces, y que será algo parecido a este código:
<div class="MenuLove">
<div id="Lovenav">
<ul>
<li><a href="url-de_la_pagina" title="cartel_enlace">Inicio</a></li>
<li><a href="url-de_la_pagina" title="cartel_enlace">Enlace_1</a></li>
<li><a href="url-de_la_pagina" title="cartel_enlace">Enlace_2</a></li>
<li><a href="url-de_la_pagina" title="cartel_enlace">Enlace_3</a></li>
<li><a href="url-de_la_pagina" title="cartel_enlace">Enlace_4</a></li>
</ul>
</div>
</div>


Visto así, no es complicado de configurar:

url-de_la_pagina Sustituimos esto por la url de la página o destino que vamos a enlazar.

cartel_enlace Sustituimos por una pequeña descripción, que se mostrará en un cartelito (tooltip) al pasar el ratón sobre la pestaña del menú.

Enlace_1, Enlace_2, etc. Sustituimos por el texto de cada enlace que se verá en el menú.



El problema aparece cuando, a pesar de que sabemos que vamos a enlazar, no tenemos claro como obtener exactamente la url de destino...
Veremos a continuación como conseguir la url de los enlaces más habituales en cualquier menú:


Enlazar una pestaña con la página de Inicio o Home.

Como veis en el código de ejemplo, es el primer enlace que he puesto, allí en lugar de "url-de_la_pagina" es donde colocaríamos la url de nuestro blog.

Enlazar una pestaña con la página de nuestro perfil.

Entramos a la página de nuestro perfil de Blogger y copiamos la url que vemos en el navegador, esa url es la que usaremos en el enlace que dirá "Mi perfil" por ejemplo.

http://www.blogger.com/profile/06743611108067453905

Enlazar una pestaña con una entrada.

Si tenemos añadido en una entrada el formulario de correo, un mensaje de bienvenida, o lo que sea, y queremos enlazar esa entrada concreta en el menú, pinchamos sobre el título de la entrada para que dicha entrada se muestre en su propia página (donde se ven los comentarios debajo de ella) y copiamos la url que vemos en el navegador. Esa es la url que usaremos para enlazar la entrada desde la pestaña correspondiente del menú.

http://elescaparatederosa.blogspot.com/2009/08/manual-blogger-para-principiantes.html

Enlazar una pestaña con una etiqueta concreta.

El procedimiento es exactamente igual que para las entradas, solo que en este caso usaremos la url que vemos una vez hemos pinchado sobre la etiqueta a enlazar, y que mostrará todas las entradas con esa etiqueta.

http://elescaparatederosa.blogspot.com/search/label/Blogger

Enlazar una pestaña con un mes de archivo.

Para mostrar solo las entradas del mes de vacaciones o lo que sea... El mismo procedimiento que los anteriores, pero obtendríamos la url pinchando sobre el mes a enlazar en el gadget de archivos:

http://elescaparatederosa.blogspot.com/2009_07_01_archive.html

Enlazar una pestaña con el "suscribirse".

Si no estamos usando un servicio distinto al de Blogger para facilitar la suscripción, la url a colocar en el enlace y que por defecto proporciona Blogger, sería esta:

http://NOMBRE DE NUESTRO BLOG.blogspot.com/feeds/posts/default


Para enlazar un sitio fuera del blog, por supuesto que tendríamos que colocar la url del sitio en el enlace.

0 comentarios:

Publicar un comentario