馃 C贸mo ir a una secci贸n en concreta en la misma p谩gina de mi blog en Blogger - 【TochoMorocho】 C贸mo ir a una secci贸n en concreta en la misma p谩gina de mi blog en Blogger – 【TochoMorocho】

C贸mo ir a una secci贸n en concreta en la misma p谩gina de mi blog en Blogger



Como crear una Tabla de contenidos en BLOGGER

C贸mo ir a una secci贸n en concreta en la misma p谩gina de mi blog en Blogger. Quiz谩 m谩s de una vez te has preguntado c贸mo ir a una determina secci贸n dentro de la misma p谩gina o entrada en Blogger algo as铆 como un 铆ndice de contenido. Pues si bien esto es muy f谩cil de configurar en Worpress aqu铆 en Blogger no tenemos plugin que hagan ese trabajo por nosotros, as铆 que lo tenemos que llevar a cabo manualmente y aqu铆 te mostramos como se hace.

Cuando ponemos enlaces en una entrada lo m谩s normal es que sea a una p谩gina externa, pero en este tutorial lo que pretendemos hacer es que al pulsar en un enlace nos lleve a una secci贸n dentro de la misma entrada. Con c贸digo HTML vamos a lograr enlazar una parte en concreto de la entrada en cuesti贸n.

Para incluir estos saltos a secciones en la misma entrada haremos uso de enlaces anclados internos y con esto crear v铆nculos a una parte concreta de la p谩gina o entrada de tipo ancla o anclaje. Entonces vamos a ver c贸mo hacer esto y poder ir a una secci贸n espec铆fica en la misma entrada en Blogger.



Enlaces anclados para ir a una secci贸n dentro de la misma entrada

  1. Hacer una prueba con una entrada en Blogger y definir secciones [t铆tulos] para ver c贸mo funciona.
  2. Ahora vamos a definir un ancha [anchor] la cual ser谩 un punto de la entrada a la cual queremos que nos dirija dando clic. Para crear este enlace usar el siguiente c贸digo:
    <a name="titulo01">Secci贸n 01</a>
    • Es importante saber que el nombre que le pongas al ancla ser谩 el mismo que vamos a utilizar a la hora de realizar el enlace.
  3. Proceder a realizar el enlace al ancla creado anteriormente, para este caso utilizaremos el atributo href [se utiliza para indicar la url del enlace]. En el valor del atributo href colocar p谩gina web que contenga el ancla, seguido de una gato o almohadilla (#) y del nombre que le dimos al ancla.
    <a href="#titulo01">Ir a la secci贸n 01</a>
  4. Con el c贸digo anterior ya hemos logrado ir a una secci贸n dentro de la misma entrada. Ahora bien, si quieres dirigir al usuario a una secci贸n que se encuentra en otra entrada aplica lo mismo pero esta vez antes de la almohadilla colocas el enlace de la entrada de la siguiente forma.
    <a href="http://www.tochomorocho.net/2017/10/como-rootear-lg-magna-todos-los-modelos.html#titulo01">Enlace a la secci贸n de otra entrada</a>

Puedes ver como funciona este c贸digo en la siguiente entrada donde se implement贸 el c贸digo.

Con estos sencillos pasos puedes hacer muchas cosas, por ejemplo se me ocurre que si tienes varias secciones en tu entrada entonces esto c贸digo lo implementas como un 铆ndice de contenido en tu entrada y esto quedar铆a s煤per bien para los usuarios. Igual para que resalte m谩s tu men煤 puedes manejar css y darle u toque 煤nico, pero aqu铆 ya es cuesti贸n de cada quien y de la creatividad.

Con esto concluimos este tutorial ay煤danos a compartir este contenido e tus redes sociales y con tus amigos que tengan un blog y quieran implementar una table de contenidos.

Esto ha sido todo amigos en este post, si la informaci贸n proporcionada te fue de utilidad y te sirvi贸 participa en el Blog, reg谩lanos un like en la P谩gina de Facebook y por supuesto suscr铆bete al Canal en YouTube.

馃挰 ESCRIBE UN COMENTARIO 馃憞

0 Comentarios