Enlaces en nuestras entradas

Los enlaces dentro de nuestras entradas a demás de facilitar al lector seguir buscando más información , e ir de forma mucho más rápida a estos vínculos.



  Podemos crear vínculos de un artículo donde se crea un índice de los temas tratados.  Este índice permite acceder a cualquier apartado con un click, sin abandonar la entrada.


En el índice ponemos los títulos de cada una de las partes en las que hemos dividido el contenido de la entrada: Indice HTML Plantillas Para empezar tenemos que poner un enlace de origen. Cada título del índice lo ponemos, en el editor HTML de la entrada, al crear la misma, dentro de un enlace que apunte a la parte de la entrada correspondiente (destino del enlace), así:

Indice
HTML
Plantillas

<a href="#Indice" title="Indice">Indice</a>
<a href="#HTML" title="HTML">HTML</a>
<a href="#PLantillas" title="Plantillas">Plantillas</a>

El signo numeral (#) marcado en rojo,  hace que el enlace apunte a un elemento dentro de la misma entrada.
 Sin este signo el enlace no encontrará el elemento ya que lo buscará por fuera de la entrada, y aparecerá un mensaje indicando que esa página no existe.
 El atributo title hace que aparezca un texto con el título correspondiente al poner el cursor sobre cada uno de ellos (es opcional).
  Cada uno de los títulos con este color es el texto que aparece en el índice.   Destino del enlace  Cada uno de los títulos de cada una de las partes en que hemos dividido el contenido de la entrada, en el editor HTML de la misma, lo ponemos dentro de un código destino, así:

<a name="Indice"> <h3>Indice</h3></a>
<a name="HTML"> <h3>HTML</h3></a>
<a name="Plantillas"> <h3>Plantillas</h3></a>

El atributo name asigna un nombre al destino del enlace para que éste lo pueda identificar.
 Las etiquetas <h3>...</h3> dan a los títulos el formato de tales (según el formato por defecto de los títulos en cada blog, pueden ser <h1>...</h1> , <h2>...</h2> o <h3>...</h3>).
 Cada uno de los Textos con este color es el título de cada una de las partes en que hemos dividido el contenido de la entrada.
 Por último podemos utilizar, al final de cada parte en que dividimos la entrada, o al final de la misma, el siguiente código, que nos genera un enlace para volver a la página de inicio.

<a href="http://milyunacosasutiles.blogspot.com.es/"title="Ir al principio" >Ir al principio</a>

Cambiaríamos lo marcado en azul por la url de nuestro blog
  Imprimir entrada