Viajar por Europa

abril 19, 2011

enlace en la misma pagina

Enlace en la misma página, es decir enlazar una linea, palabra,  la primera por ejemplo con otra parte de la misma página.

Crear vínculos dentro de una misma entrada, post o crear un enlace(haz clic en enlace antes de seguir la lectura), distintos enunciados para una misma cosa, muy simple, pero que me he encontrado muy mal explicado en los distintos posts y es que es algo complicado de explicar. Voy a intentar exponer el
 desarrollo de como enlazar una parte de la página con otra parte dentro de la misma página y con la opción de volver al origen para que se entienda. Nos puede ser útil en casos de que tengamos notas a pié del post. Es también muy util adaptandolo en posts muy  largos para colocarlo al final y  volver rápidamente al principio del post.

Ejemplo:

Este post quiere exponer claramente sin lugar a dudas como enlazar nota(1) una palabra o frase del tema que se está desarrollando con una aclaración a pié de página. Sea la palabra enlazar y a pié de página hemos indicado una aclaración de la palabra enlazar.

Nota 1: enlazar significado: unir palabras pensamientos relacionados entre si. En blogger "enlace en la misma página. (volver inicio)

Fin del ejemplo.

Supongamos que nuestro post es muy largo y llegado a la palabra enlazar en la primera línea queremos darle la oportunidad al lector de ir directamente a ampliar conocimientos sobre lo leido o sobre la palabra enlazar.

Tenemos que crear un enlace en "enlazar" y seleccionando el enlace mediante un clic vamos a la ampliación que ofrecemos al lector. Y en segundo lugar tenemos que dar la oportunidad al lector para que vuelva al mismo sitio de donde ha venido.

Para ello escribimos desde el origen un codigo, numero, palabra lo que queramos en nuestro caso "# 1"
y que identificaremos en destino como "id=1" y en destino hacemos igual para volver a origen "# 2" y en origen pondremos "code=2"


<a href="http://....nombreblog.blogspot.com/psot nombre.html#1">enlazar</a>
<a href="about:blank" id="2"></a> (se pone al lado de "enlazar")
..................................
<a href="about:blank" id="1"></a> (Se pone al lado de palabra destino:  enlazar)

<a href="http:....nombre_blog.blogspot.com/pagina de enlaces.html#1">enlazar.html#2">volver al principio</a>


EJEMPLO.: HAS LLEGADO AQUI SI QUIERES VOLVER A INICIO(clic aqui) ahora.

Esto es lo que he escrito en edición html en esta última linea:Volver a inicio de pagina (<a href="http://aprenderseosem.blogspot.com/2011/04/enlace-en-la-misma-pagina.html#2">clic aqui</a>) ahora.


Y esto otro es lo que escribí en HTML en la primera linea del post:
Crear vínculos dentro de una misma entrada, post o crear un <a href="http://aprenderseosem.blogspot.com/2011/04/enlace-en-la-misma-pagina.html#1">enlace</a><a href="about:blank" id="2"></a>(<b>haz clic en enlace antes de seguir la lectura</b>),

3 comentarios:

  1. Francamente no entendido nada, me parece que me hiciste mas pelotas xD

    No se si pudieras hacerlo mas facil y sin tanto rollo xD

    ResponderEliminar
  2. Lo que no puedes es entenderlo a primera vista, es algo complicado, pero si vas despacio linea por linea no tendrás ningun problema.

    ResponderEliminar
  3. Lo cheque despacio incluso tuve que abrir la consola de inspección en el chrome para el dialogo.

    Pongamoslo mas fácil:

    Hagamos un ejemplo Hipotético, tengo lo siguiente:

    *Tema 1
    *Tema 2
    *Tema 3
    *Tema 4


    Tema 1:
    --------------------------------------------------------------------------------------------------------------------------------------------------------------------------

    Tema 2:
    --------------------------------------------------------------------------------------------------------------------------------------------------------------------------

    Tema 3:
    --------------------------------------------------------------------------------------------------------------------------------------------------------------------------

    Tema 4:
    --------------------------------------------------------------------------------------------------------------------------------------------------------------------------

    Como se haría esto?

    ResponderEliminar

Si haces un comentario procura que no sea anónimo y si estás solicitando algo al menos espero que votes en Google Plus. Saludos.