JMiur [E]

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/

21 comentarios:

La hormiguita  

Que bonito queda.... muy bueno....:)

Responder
Graciela  

Hay amigo, no me alcanzan las horas del día para probar, qué bello! :P

Responder
José GDF  

Me ha faltado tiempo para agregar esto a una página estática junto a los otros dos sistemas de mapear el blog.

No está de más recordar que conviene alojar un@ mism@ el script... Aunque, en este caso, como pesaba muy poquito, lo he metido directamente entre el código de la página estática y va de cine.

¡Gracias!

Responder
Adrián J. Messina  

Uy! Que bueno!
Ya tenemos 2 maneras de mostrar las tablas de contenidos interesantísimas. Justo el otro día te preguntaba por esto, creo que esto se acercó muchísimo a lo que necesitaba.
Que buena noticia,
Un abrazo.

Responder
CHiCken  

muy bueno el script y tambien el diseño, hace poco en mi sitio publique unas tablas de contenido pero por etiquetas:
http://myestilodeyo.blogspot.com/2010/07/tablas-de-contenidos-para-blogger.html

el texto que dice cargado... para que comiience la tabla ya viene en el script o tu lo incluistes.

Responder
A D I S P A  

Hace tiempo que intentaba crear un índice de contenidos que simultaneara tanto el archivo temático como el cronológico de las entradas. Opté por organizarlo en una tabla, incorporando los scripts en las celdas correspondientes. No obstante los estilos no eran uniformes ya que la procedencia de los scripts era distinta. Al leer esta entrada, apliqué lo que señalas, creando una etiqueta y un ID y después utilizando estilos uniformes en toda la tabla, que era exactamente lo que pretendía. Por ello te agradezco esta valiosa aportación. Saludos.

Responder
Jesus Bernal  

nose si me puedas ayudar a hacer la misma script pero ahora que no aparesca esa imagen de New XD

Responder
JMiur  

No, no sabría decirte modificar el script.

Responder
Manfenix  

Solucionado el problema JMiur.
Este es el resultado: Tabla.
Ahora como puedo acercar la tabla al título "Tabla de Contenidos"...?

Responder
JMiur  

Tendrías que eliminar los saltos de línea extras. Puenr todas las etiquetas de script en una sola línea, una al lado de la otra.

Responder
Manfenix  

Hice lo que me indicaste pero no se produjo ningún cambio.
Luego eliminé esta parte:

**link href="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css" media="screen" rel="stylesheet" type="text/css"></link***

y la tabla quedó mas cerca del título.

Gracias por la ayuda. :)

Responder
JMiur  

La etiqueta LINK no genera saltos de líneas. Eso, lo hacen etiquetas como BR o, en tu caso, ppor el tip ode editor y navegador que utilizas, lo hacen las etiquetas P. Aún hay otra de esas etiquetas ( captura ).

Responder
Manfenix  

Pasa algo raro, porque en la edición html del editor de páginas estáticas no se muestra ningún salto de línea.
Veré de borrar el código y escribirlo nuevamente.
De nuevo gracias por la ayuda... :)

Responder
JMiur  

Cuando se escribe algo así:

......... </script>
<ul> ..............

Ya se crea el salto de línea automático que se traduce como <br/> o como <p></p>

Para que ese salto no existiera, por ejemplo, podría escribirse así:

......... </script><ul> ..............

Responder
Manfenix  

Lo tendré en cuenta. Gracias :)

Responder
www.santoverdinegro.com  

Hola GMiur te envie un mail sbre este tema.
Saludos
Gracias

Responder
JMiur  

Ya lo leí y lo acabo de responder.

Responder
Johnathan Arango  

Hay alguna forma de cambiarle el idioma a español en los meses que aparece en la tabla de contenido?

Responder
JMiur  

Para eso deberías modificar el script en si msmo y ver la forma de cambiar ese dato; no es sencillo porque el script está encriptado y eso hace que sea complejo de leer.

Responder
toctoc06  

Hola
Estoy buscando como instalar una tabla de contenido por orden alfabetico.
Ya ni recuerdo el tiempo que llevo buscando.
Te estaria muy agradecido, si me orientaras que debo de hacer.
Saludos
Pepo

JMiur  

Fíjate en esta entrada a ver si ayuda en algo.

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Todos los archivos y demos alojados en Fileden han sido redireccionados y deberían estar funcionando correctamente.
De todos modos, también puede accederse a ellos a través de SkyDrive

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR