-->

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

Publicar un comentario

0 Comentarios