Cómo crear enlaces a un determinado párrafo o sección dentro de un mismo post o página

17.2.16

enlace dentro pagina

A veces ves cosas en webs muy profesionales que te gustaría tener en tu blog, pero ni se te pasa por la cabeza que pueda ser posible.

¿Has visto nunca que dentro de una web pinchas en un enlace y te lleva a otra parte de la misma entrada?

Si no sabes de qué te hablo, entra y lee.
¿Aún no lo sabes? Pincha aquí y lo entenderás rápidamente. :-) Ahora ya sabes de qué te estoy hablando verdad?


¿Dónde puedes utilizarlo?

  • en posts largos donde quieras resaltar varias veces una parte en concreto y te refieres a ella varias veces durante la entrada. Añades un link a esta parte y la citas tantas veces como quieras en tu post.

  • en una página estática de promoción/explicación de un producto o servicio. Seguramente escribirás varias veces que "obtengan más información" o "que paguen" o "que se inscriban". Así, por ejemplo, puedes poner esta información al final de la página y llevarlos allí varias veces.

  • también es muy frecuente en los comentarios. Durante el post a veces hay preguntas y te animan a contestar en los comentarios. Este es el momento perfecto para poner este link que conduzca a tus lectores directamente a los comentarios.


¿Qué tengo que hacer?

Para crear un enlace que lleve a tus lectores a otra parte de la entrada o página de tu blog, sólo tienes que añadir dos líneas de código.

  1. Esta línea de código es el enlace que quieres que tus lectores pinchen. La tienes que añadir en el botón o texto donde clicarán.

    El texto del enlace es TEXTO_DEL_ENLACE_QUE_PINCHARÁN, y lo tienes que sustituir por tu texto.

    Ej: Para que lo entiendas, yo he pegado este código arriba del todo, antes de la foto, donde te decía "pincha aquí" para entender lo que pasaba, en la parte del enlace.


      <a href="#donde-quieras-ir">
         TEXTO_DEL_ENLACE_QUE_PINCHARÁN
      </a>



  2. Este otro código lo tendrás que pegar en la parte de tu post donde quieres que les lleve el enlace de arriba.

    Ten en cuenta que lo puedes poner en cualquier lugar, el lector no va a percibir nada, sólo verá el texto normal. Por lo tanto el texto que pongas da igual, lo puedes integrar en la mitad de una frase.

    Lo que tendrás que sustituir por tu texto es TEXTO_A_DONDE_TE_LLEVARÁ

    Ej: Este otro código lo he pegado donde hay mi nombre, a final del post. Lo entiendes?



       <div id="donde-quieras-ir">
           TEXTO_A_DONDE_TE_LLEVARÁ
       </div>



Nota 1: Como ya te conté también en este post, en Blogger si editamos códigos especiales (como en este caso), si sales de la edición en HTML, se desconfigurará y ya no funcionará. Sólo debes tenerlo en cuenta y permanecer en la edición HTML o sino, hacer todo el post y que esto sera la última cosa que hagas antes de publicarlo.

Nota 2: Esto es simplemente código HTML, lo puedes utilizar en cualquier tipo de blog Blogger o Wordpress.


Espero que te haya gustado el truco HTML para poner enlaces dentro de una misma entrada y que continues programando y mejorando tu blog sin miedo al código. Cuanto más juegues con él, más fácil lo verás!


¿Habías visto este "truco" antes en alguna web? ¿Te será útil para utilizar en alguna de tus páginas estáticas o  posts? Si tienes alguna duda me la comentas y te ayudaré.

Nos leemos en los comentarios.

Laura


¿Te ha servido lo que has leído?
Muchas gracias por compartirlo en tus redes sociales!
Tus contactos y yo te lo agradeceremos! :-)

¿Quieres contenido exclusivo para mejorar tu blog?
Suscríbete y recibirás AHORA la guía para dominar Blogger HOY!
Tu blog no pasará inadvertido.
Dejará huella.