domingo, 1 de mayo de 2011

Añadir secciones con enlaces en las entradas de Blogger

Este tutorial consta en crear enlaces a distintas etiquetas de texto en Blogger. Esto consiste básicamente en crear un ''indice'' el cual nos permita navegar de forma rápida en el blog.

Puedes ver una vista previa en este blog de pruebas.

¿Cómo aplicarlo en Blogger?

Primero que todo, deberás saber que el editor en Blogger es un poco inestable, así que deberás trabajar en ''Edición de HTML'' sin cambiar a modo ''Redactar'' (Los enlaces se distorcionarán, y las etiquetas no funcionarán).


Paso 1: Creando los enlaces a las secciones:

Siempre trabajando en modo ''Edición de HTML'', deberás pegar el siguiente código:
<a href="#zona1">ZONA 1</a>
<a href="#zona2">ZONA 2</a>
<a href="#zona3">ZONA 3</a>
En donde '#zona'' corresponderá al ID que asignaremos a las distintas secciones, y ZONA será el texto a mostrar.

Añade tantas líneas como secciones tenga el texto.

Paso 2: Añadiendo el ID a la etiqueta de texto:

Una vez hecho el paso 1, deberás añadir el ID a la sección de texto que desees enlazar de la siguiente forma:
 <a name="zona1">ZONA 1</a>
En donde ''zona'' corresponde al identificador (ID) del enlace del paso 1, y ZONA es el texto a mostrar.

Este identificador deberás situarlo en la zona que quieras que el enlace sitúe al presionar.

No hay comentarios:

Publicar un comentario