Habréis visto en el post anterior que he probado a usar una de las características más simpáticas de Gamerah (por cierto, su nuevo diseño es adorable) y que también abrazaron en AnaitGames: las notas a pie de página. No solo dan mucho juego creativamente, en mi caso además servirán para evitar el abuso de los paréntesis explicativos con los que muchas veces inundo los posts.

Insertar estas notas no tiene mucho secreto, simplemente hay que enlazar las zonas dentro de la misma entrada. Esto se hace insertando el siguiente trozo de código donde queramos que aparezca el número en el texto, cambiando las X por el número deseado:

<sup><a name="id00X" href="#ftn.id00X">X</a></sup>

<!-- Ejemplo -->

<sup>Capcom saca partido<sup><a name="id001" href="#ftn.id001">1</a></sup> a sus personajes.

El trozo del ejemplo se vería tal que así:

Capcom saca partido1 a sus personajes.

Luego, al final del post solo hay que poner la referencia, volviendo a cambiar las X:

<div class="footnote">---------------<p>
X. Aquí el texto del pie de página.[<a name="ftn.id00X" href="#id00X">↩</a>]</p>
</div>

<!-- Siguiendo con el ejemplo anterior -->

<div class="footnote">---------------<p>
1. Lo que le ha llevado a ser nombrada Empresa Proxeneta del Año en el E3 '08.[<a name="ftn.id001" href="#id001">↩</a>]</p>
</div>

Siguiendo con el ejemplo anterior, debería quedar así:

—————

1. Lo que le ha llevado a ser nombrada Empresa Proxeneta del Año en el E3 ’08.[↩]

Para darle un toque de elegancia al asunto podemos modificar el style.css añadiendo esto a cualquier parte del archivo para reducir el tamaño de la fuente e insertar un pequeño margen:

div.footnote {<br/>
font-size:8pt;<br/>
margin:10px;<br/>
}

Y ya está, un poco más de orden en vuestros blogs