Añadir secciones con enlaces en las entradas de Blogger

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.
Artículo aleatorio
BuySellAds
BuySellAds
BuySellAds
BuySellAds
BuySellAds
Artículos destacados
Marca de agua en las imágenes con CSS # - Marca de agua en las imágenes con CSS
Efecto de desenfoque con CSS # - Efecto de desenfoque con CSS
Botones para subir y bajar en Blogger # - Botones para subir y bajar en Blogger
Insertar una página externa en una entrada en Blogger # - Insertar una página externa en una entrada en Blogger
Ocultar entradas con determinada etiqueta en el inicio de Blogger # - Ocultar entradas con determinada etiqueta en el inicio de Blogger