Tabla de contenidos por fecha

Esta es otra variante de las Tablas de Contenido que, en lugar de mostrar las entradas ordenadas por categoría, lo hace ordenándolas por fecha.

Click para ver el ejemplo online.

Como la anterior, lo razonable es crear una página estática y agregar el código donde lo único que debemos modificar es la URL de nuestro sitio y si lo deseamos, el número de entradas a mostrar:

<script style="text/javascript" src="http://abu-farhan.com/script/daftarisibloggerarchive/tocbyarchivemin.js"></script>
<script src="http://miblog.blogspot.com/feeds/posts/default?max-results=500&alt=json-in-script&callback=loadtoc"></script>

La personalización no es tan sencilla ya que no utiliza clases y por lo tanto, para identificar las etiquetas deberemos encerrar toda nuestra entrada en alguna estiqueta con un ID, por ejemplo:

<div id="tablafechas">
  ... aquí ponemos todo ...
</div>

Con eso, podríamos agregar las propiedades para cada elemento:

<style>
#tablafechas { /* es el DIV contenedor /* }

/* las fechas /*
#tablafechas p { ... }
#tablafechas p a { ... }
#tablafechas p a:hover { ... }

/* el contenido de cada sector es una lista  /*
#tablafechas ul { ... }
#tablafechas li { ... }
#tablafechas li a { ... }
#tablafechas li a:hover { ... }
</style>

REFERENCIAS:abu-farhan.com/