Indice automático para tus posts | Oloblogger Luzdeluna comentaba hace muuuuuucho tiempo (sigo mal de idem), que tenía la necesidad de encontrar...

27 de septiembre de 2008

Indice automático para tus posts

Luzdeluna comentaba hace muuuuuucho tiempo (sigo mal de idem), que tenía la necesidad de encontrar una manera de poder mostrar los títulos de todas las entradas que tenía publicadas, a modo de índice. Como tiene la tira (más de 1.000) lo de hacerlo a mano tenía mala pinta, por lo que preguntaba como hacerlo de una manera automática.

La verdad es que después de mucho buscar, sólo he encontrado un sistema bueno en Beautiful Beta, publicado hace ya ¡17 meses! y, cómo no, traducido y explicado hace tiempo por Rosa y J.Miur.

Más que bueno, es espectacularmente bueno, porque además de mostrar el contenido deseado, permite ordenar las entradas por el título del post, por su fecha e incluso filtrarlas por etiquetas (categorías).


Seguramente, lo mejor para no cargar mucho todas las páginas del blog, sea crer una entrada con fecha anterior e instalar allí todo el código. De esta manera, el SCRIPT sólo se ejecutará cuando se cargue esa página y no todas. Evidentemente, para que el usuario pueda acceder a esa página, habrá que poner algún botón, imagen o enlace de texto, que lleve allí. VER EJEMPLO.

Dicho esto, el código que habría que poner en la entrada sería este:
<table align="center"><tr><td><div id="toc"></div><div id="toclink"><a href="javascript:showToc();" id="imgTocLink">Indice de entradas</a></div><br />
<script src="http://bloggerhacks.googlecode.com/files/blogtoc.js"></script>
<script src="http://TUDIRECCION.blogspot.com/feeds/posts/default?alt=json-in-script&start-index=1&max-results=100&callback=loadtoc"/><br />

<script src="http://TUDIRECCION.blogspot.com/feeds/posts/default?alt=json-in-script&start-index=101&max-results=100&callback=loadtoc"/><br />
</td></tr></table>

Actualización Octubre 2011: El alojamiento dónde tenía el script cascó, así que he sustituido la dirección por una nueva (Google Code de Bloggerhacks) que sí funciona... de momento. Por si en el futuro también casca este, la siguiente sería una tercera opción: http://oloblogger.googlecode.com/files/blogtoc.js Para que no os ocurra que os quedéis colgados porque se pierda el alojamiento de los scripts que voy facilitando, siempre es conveniente que los descargueis y los guardeis vosotros mismos, utilizando la dirección que corresponda.

Hay que sustituir TUDIRECCION por vuestra dirección. El fichero Javascript (.JS) que contiene el código principal, conviene que lo alojeis en vuestro propio servidor de ficheros para un acceso más rápido. Luego sustituis la dirección marcada por la vuestra. Si todos cargamos desde la misma dirección, la cosa o se ralentiza o se bloquea del todo. En este enlace podréis descargarlo.

Observad, que los bloques de texto marcados en negro y en gris son prácticamente iguales. En el primero, los valores inicial (start-index) y final (max-results), van del 1 al 100. Para ver 200 entradas, hay que añadir la parte en gris (101-200). Cada 100 post, teneis que añadir un trozo de código igual, continuando la numeración.

Corrección:
* start-index es el número del post de inicio para empezar a mostrar resultados
* max-results indica el número máximo de post que extraerá el SCRIPT.
De esta manera, la parte marcada en gris, nos sacará los primeros 100 posts empezando desde el 1. La parte en negro nos extraerá los 100 segundos posts, comenzando desde el 101.

He hecho pruebas hasta max-results=500 y funciona correctamente. Así, si por ejemplo necesitais sacar hasta 1000 posts, sólo habría que sustituir 1 (start-index) y 100 (max-results) por 1 y 500 respectivamente en el SCRIPT gris. En el negro, 101 y 100 han de ser sustituidos por 501 y 500 respectivamente. En el ejemplo de antes se puede comprobar.

Ahoro sólo queda darle formato a la tabla para que salga como más os guste. Para ello hay que colocar después de la etiqueta <head> o justo antes de </head>, las siguientes clases CSS y entre los corchetes los atributos. Como Vagabundia lo ha redactado muy bien y no veo la forma de mejorar la explicación, lo copipasteo:

<style type="text/css">

#toc { /* es el bloque general */
padding: valor; /* es la separación entre el contenido y los bordes */
width : valor; /* podemos no colocarlo y será igual al ancho del área de posts */
}

.toc-note {
/* es el texto que aparece arriba indicando la cantidad de resultados */
}

.toc-header-col1, .toc-header-col2, .toc-header-col3 {
/* son los títulos de las columnas */
}
.toc-header-col1 {width: valor;} /* ancho de la primera columna */
.toc-header-col2 {width: valor;} /* ancho de la segunda columna */
.toc-header-col3 {width: valor;} /* ancho de la tercera columna */

.toc-header-col1 a:link, .toc-header-col1 a:visited,
.toc-header-col2 a:link, .toc-header-col2 a:visited,
.toc-header-col3 a:link, .toc-header-col3 a:visited {
/* propiedades de los enlaces en los títulos de las columnas */
}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
/* propiedades para efecto mouseover en los títulos de las columnas */
}

.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {
/* propiedades del contenido de las columnas */
}
.toc-entry-col1 a, .toc-entry-col1 a:visited, .toc-entry-col1 a:link,
.toc-entry-col2 a, .toc-entry-col2 a:visited, .toc-entry-col2 a:link,
.toc-entry-col3 a, .toc-entry-col3 a:visited, .toc-entry-col3 a:link {
/* propiedades de los enlaces del contenido de las columnas */
}
.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover, {
/* propiedades para efecto mouseover del contenido de las columnas */
}

</style>

Al final de la entrada correspondiente de Beautiful Beta, podeis encontrar un ejemplo de formato ya relleno. Podeis copiarlo, ver como queda y luego modificar los valores de color, ancho, fondo, etc.

Existe otra manera de colocar el índice como un artilugio. Se trata de poner un enlace en la barra lateral que, al pincharlo, desplegará delante de la primera entrada todo el contenido de vuestro blog. El código es prácticamente el mismo y la forma de implantarlo está explicada en El escaparate de Rosa.

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir
Copy URL

Y muchos más artículos interesantes si nos sigues en...

follow us in feedly

81 comentarios :

  1. Holaaa Oloman!!
    Este es un muy buen truco para hacer un índice, pero solo si tenés pocas entradas. Ya lo había probado, hace mucho que estoy buscando, pero me da error pasando las 200 entradas.
    Como lo explicás tan bien, de todas formas lo volví a probar por las dudas me hubiera equivocado antes, pero me siguió dando mal. Probé de hacerlo sólo con 300 entradas, y llega un momento en que las duplica el script y llegaban a 600!!! repetidas algunas varias veces!!!!
    Lo lamento tanto porque me había quedado precioso :P
    Si tan sólo pudiera poner el archivo en un post...

    Bue, te agradezco infinitamente la gentileza de avisarme de tu entrada y tenerme presente con esta inquietud del índice!:D
    Y es un honor para mi si ponés algo de mi pobre diseño! vamos!...nada menos que el gran Oloman!jaja

    Un gran abrazo

    ResponderEliminar
  2. Hola.
    Te felicito por tu blog y aprovecho para invitarte a entrar en mi web de programación y diseño gráfico http://www.programacion-ard.com
    Un Saludo y Suerte

    ResponderEliminar
  3. Oloman, gracias por el truco ya lo tengo en mi blog. En la sidebar derecha arriba.
    Está funcionando bien, con pocas entradas, el unico cambio que hice fue aumentar el tamaño de la letra. Ojalá que cuando tenga mas de 200 entradas no surja el mismo inconveniente de Luzdeluna. Seguro que tiene solución.

    ResponderEliminar
  4. Genio Genio Genio!!!!! Por fin tengo mi índice gracias a vos, Oloman! ahora sí funciona perfecto,tengo que hacerle algunos arreglitos de diseño, pero lo importante es que muestra todas las entradas y sin errores con esta modificación que le hiciste!
    Aplausos Aplausos Aplausos!!! como dije sos un grande Oloman!!:D
    miles de gracias y un fuerte abrazote de oso

    ResponderEliminar
  5. Pues no lo entiendo ... acabo de hacerlo tal cual dices y aun asi solo me muestra 500 resultados. De todas formas, es muy bueno.

    ¿Me podrías sugerir un sitio donde albergar el script?

    ResponderEliminar
  6. Para alojar scripts hata final de año, Google Pages, pero como supongo que querrás más tiempo, prueba con Windows Live Skydrive

    ResponderEliminar
  7. hola , no se como se pone en el sidebar para enlazar con la entrada donde está el indice. gracias

    ResponderEliminar
  8. Hola Las Pacas. Una vez que hayas creado una entrada con todo lo anterior, esa entrada en concreto tendrá una DIRECCION. Deberás tomar nota de ella (o copiar CTRL+c)

    En el Panel de Control entras por Añadir un Elemento y creas uno nuevo tipo HTML.

    Simplemente tienes que poner algo así:

    <a href="DIRECCION_entrada">VER INDICE<a>

    Si quieres poner una imagen en lugar del texto VER INDICE, el código será este otro:

    <a href="DIRECCION_entrada"><img src="DIRECCION_imagen"><a>

    ResponderEliminar
  9. Hola Oloman, he intentado publicar el código superior en una entrada pero me sale un error:

    ERROR

    Su HTML no es aceptable: Tag is not closed: ^script src="http://megacinemas.blogspot.com/feeds/posts/default?alt=json-in-script&start-index=101&max-results=100&callback=loadtoc"/^

    ¿Sabes a qué puede deberse?

    Un saludo

    ResponderEliminar
  10. AMA, eso sólo puede ser que te comiste algunas comillas o algún <, o algo así. Repasa el código.

    ResponderEliminar
  11. Tengo una duda...
    tengo que descargar el archivo y subirlo a algun servidor como fileden (que es de descarga directa), luego hacer un post con un spoiler en el cual debo pegar el primer codigo que pusiste cambiando obviamente el nombre de mi blog y despues el link del JS que subi a fileden,luego debo buscar la etiqueta ^head^ o ^/head^ en el Editor HTML y poner despues de ^head^ o justo antes de ^/head^ el codigo CSS,luego crear un gadgets en la siderbar de HTML/Javascript ingresando un link al post donde este el INDICE

    estoy en lo correcto o no??
    que tengo la duda de como soy tan principiante que no me va a funcionar xD!!!!

    ResponderEliminar
  12. Sí, bkn444. Es tal y como lo has explicado.

    Lo único es que me acabo de dar cuenta de una cosa. Si el estilo lo colocas entre los HEAD, no te hará falta la primera y última etiqueta (STYLE), que sin embargo si son necesarias si se pone antes o después de ellas.

    ResponderEliminar
  13. Muchísimas gracias, es un muy buen método

    ResponderEliminar
  14. Hola oloman ya lo puse como 100000000000000 veces y no me funciona porque cuando creo la entrada pongo el código y todo eso y cuando le pongo publicar dice:
    ERROR

    Su HTML no es aceptable: Tag is not closed: ^script src="http://megacinemas.blogspot.com/feeds/posts/default?alt=json-in-script&start-index=101&max-results=100&callback=loadtoc"/^

    Pero lo borro y lo vuelvo a poner y me dice lo mismo y ya intente poniendo el codigo igual en una entrada pero cambiando edicion HTML a redactar y biseversa pero aún asi me sale con un ERROR, AYUDAAAAAA!!!!! si quieres te dejo mi URL, es: http://tododepsp.blogspot.com

    ResponderEliminar
  15. Hola oloman ya lo puse como 100000000000000 veces y no me funciona porque cuando creo la entrada pongo el código y todo eso y cuando le pongo publicar dice:
    ERROR

    Su HTML no es aceptable: Tag is not closed: ^script src="http://tododepsp.blogspot.com/feeds/posts/default?alt=json-in-script&start-index=101&max-results=100&callback=loadtoc"/^

    Pero lo borro y lo vuelvo a poner y me dice lo mismo y ya intente poniendo el codigo igual en una entrada pero cambiando edicion HTML a redactar y biseversa pero aún asi me sale con un ERROR, AYUDAAAAAA!!!!! si quieres te dejo mi URL, es: http://tododepsp.blogspot.com

    ResponderEliminar
  16. Siiiiiii ya se el truco que hiciste con Luzdeluna, creaste un nuevo blog y luego pusiste ahí el indice pero pusiste en la URL la del blog de Luzdeluna

    Espero que este yo en lo correcto Oloman, de todas formas intentare eso que escribí

    ResponderEliminar
  17. HAAAAAAAAAAAAAAAAAAAAAAAAAAAA!!!!!!!!!! YA ME DESESPERE, CON NADA DE LO QUE HAGO ME FUNCIONA, AYUDAME OLOMAN PORFAVOR

    ResponderEliminar
  18. Posiblemente sea porque no cambiaste el SCRIPT.

    En el texto del ejemplo se da como dirección
    http://b49dxw.bay.livefilestore.com/y1pVqzRsj2FLlbf6Z3LWGfxR2MxLDC6qcs8c_3yuog7Y9iBKV8dLmkRtMCiSlAoQ8P3MTQ5PY5sEKxW13lPSZ32vQ/blogtoc_esp.js
    Eso era de Skydrive, pero ya no funciona. Tienes que descargarlo del enlace y alojarlo en tu propio sitio. Luego cambias esa dirección por la tuya.

    ResponderEliminar
  19. mmm por ejemplo, aurita lo acabo de subir a rapidshare y me salio esta URL para descargarlo (http://rapidshare.com/files/269344391/blogtoc_esp.js.html) esa es la que pongo???

    ResponderEliminar
  20. Oloman ya no te molestes en responder mi comentario anterior porque LuzdeLuna me ayudo a poner mi indice, gracias de todas formas Oloman

    ResponderEliminar
  21. Ok Juan. Menos mal que estaba Luz por ahí.

    ResponderEliminar
  22. ¡Hola! He seguido todas las instrucciones pero no me aparece nada en la entrada que creé como índice :(. Me pasó igual que a algunos que escribieron anteriormente, pque me daba error porque decía que algunos códigos no estaban cerrados, y lo que hice fue poner ^/script^ al final y no me daba error.

    ¿Puede ser por eso que ahora no me aparece nada? ¡Gracias por tu atención!

    ResponderEliminar
  23. Laura, en un principio el código esta bien. Lo que no debe funcionar es el fichero JS, que estaba alojado en Skydrive y ahora ya no funciona. Voy a ver si redacto de nuevo este post, pero incluyendo completo el script para no depender de alojamientos externos. Dame un tiempo.

    ResponderEliminar
  24. ¡Muchas gracias! No te preocupes, de momento me estoy apañando con el índice por categorías que pusiste hace unos días ;-)

    ResponderEliminar
  25. Ok Laura.
    Dichosos los celtas porque ellos llevan los cuernos en el casco. Es que yo soy hondero ;)

    ResponderEliminar
  26. ¿Participas en esas fiestas, Oloman? Mi padre no suele perdérselas ningún año xDD

    ResponderEliminar
  27. Un poco lejos le pilla ¿no? Actualmente no participo, pero lo he hecho durante varios años y tengo buenos amigos que continuan. Ahora voy de 'senador', que en el argot es aquel que va sólo a 'senar' :D

    ResponderEliminar
  28. ¿Tú crees que a una persona que es coleccionista de armas medievales, que se ha pateado casi todos los castillos medievales de España... le importa la distancia para esos acontecimientos? xDD Se lo pasa teta en esas cosas

    ResponderEliminar
  29. En mi Blog: http://yosileo.blogspot.com utilizo un indice mucho más simple y no da problemas.

    No puedo pegar aquí el script, si alguien lo necesita ya sabéis :)

    ResponderEliminar
  30. Ya lo conocía Ecapool. Ese sistema está en la siguiente entrada a esta. De todas formas, gracias por el aporte.

    ResponderEliminar
  31. Hola,
    muchas gracias x ese indice, es muy util.
    Yo queria saber si se podria modificar para hacer un indice de una etiqueta especifica y que las otras no aparezcan..

    ResponderEliminar
  32. Aquí es más complicado Petrópolis. Te contesto en tu otro comentario.

    ResponderEliminar
  33. Que bueno yo ya hice el mio jeje:)

    ResponderEliminar
  34. hola!! Oloman!! justamente hoy tengo la misma pregunta que Petrópolis Inc ¿como hacer un indice de una etiqueta especifica y que las otras no aparezcan??? E intentado hacer algo asi pero no me adado resultados..

    desde ya gracias!!

    ResponderEliminar
  35. Me puedes ayudar con mi indice :(
    se me corre la barral de la derecha
    http://programasfulldescarga.blogspot.com/2010/03/lista-de-programas.html

    ResponderEliminar
  36. Sebastián, creo que la cosa está aquí:

    #toc { /* es el bloque general */
    [propiedades generales optativas: background-color, margin, etc]
    padding: 10px; /* es la separación entre el contenido y los bordes */
    width : 1000px; /* podemos no colocarlo y será igual al ancho del área de posts */
    }

    Ese width, tal y como se indica es mejor que no lo pongas y si lo haces pon tantos pixels como tenga el bloque de tus posts. Ahora mismo ocupa 1000px y por eso no cabe la barra lateral.

    ResponderEliminar
  37. noo sigue igual no sale la barra lateral, le saque todos los valor, probe con varios pero nada, que puedo hacer?

    ResponderEliminar
  38. Sebastián, reconstruye tus primeras líneas. Has incluido comentarios como código y es muy posible que eso esté dando problemas. Los que están entre /* y */ los puedes dejar o quitar, pero los de los corchetes no se tienen que incluir.

    Esto es lo que tienes:
    #toc { /* es el bloque general */
    [propiedades generales optativas: background-color, margin, etc]
    padding: valor; /* es la separación entre el contenido y los bordes */
    width : valor; /* podemos no colocarlo y será igual al ancho del área de posts */
    }

    Y esto lo que deberías tener:
    #toc {
    padding: 10px;
    }

    Si ver que sigue sin funcionar prueba con esto otro:

    #toc {
    padding: 10px;
    width: 600px;
    }

    ResponderEliminar
  39. Nose como editar eso de los comentarios, es que en realidad, descarge la plantilla, y respecto de lo del indice, lo deje haci nomas no pude :/, gracias igual, saludos

    ResponderEliminar
  40. Para editar la plantilla, lo tienes que hacer igual que cuando insertaste por primera vez ese código: Escritorio > Diseño > Edición HTML

    ResponderEliminar
  41. nose encuentro muy extraño esto, con firefox no funciona, pero en cambio con chrome y opera, arranca muy bien ahora mi pregunto es como cambio los colores, y si se puede achicar la letra? y desde ya gracias

    ResponderEliminar
  42. Sebastián el estilo se lo das en el último trozo de código que puse.

    Por ejemplo, lo que pongas dentro de #toc afecta a todo el contenido, pero si lo haces dentro de .toc-header-col1, .toc-header-col2, .toc-header-col3, eso sólo afectará a los títulos de las columnas.

    Cada clase lleva un comentario sobre la parte a la que afecta.

    En tu caso, tendrías que insertar una propiedad COLOR y otra FONT-SIZE con los valores que necesites.

    ResponderEliminar
  43. oloman, no me puedes ayudar con mi plantilla porfa, lo que pasa que agrege publicidad, y no me toma los clicks, como si no estuviera la publicidad, me entiendes? osea cuando hago click en la publicidad, es como si no pasara nada. No sabes que puede ser?

    ResponderEliminar
  44. Lo de la publi no lo controlo casi, pero en tu cuenta de Adsense puedes ver los clicks que te contabilizan. Sé también que si detectan muchos clicks desde el mismo sitio, los anulan ;)

    ResponderEliminar
  45. pero ese es el problema tengo 0 clicks y por lo menos e hecho 1, tambien le dije a un amigo que hiciera, y no paso nada, yo pense que era problema de la plantilla :s

    ResponderEliminar
  46. Si ves el anuncio, no hay ningún fallo en la plantilla. Lo único que podría ser es que no estuviera tu código Adsense, pero eso es casi imposible si copiaste y pegaste el código.

    ResponderEliminar
  47. mm que extraño entonces, llevo casi 1 semana y 0 clicks, y no solo adsence, los demas tambien...
    ya no importa, gracias

    ResponderEliminar
  48. Con lo del código me refería a tu ID de editor. Es un número con el que Adsense identifica de quién provienen los anuncios.

    De todas formas, en la última semana, también me ha parecido observar que no sólo son los clicks lo que han bajado, sino también las visitas que Adsense contabiliza. Puede que hayan hecho algún cambio.

    ResponderEliminar
  49. mmmm Como siempre excelente blog. Sin embargo, en este caso, y sin cambiar absolutamente nada de los ficheros y código copypasteado, aquellas entradas con dos etiquetas aparecen duplicadas en el listado y mostrando en ambos casos de aparición las dos etiquetas.

    Solución? Qué hay que cambiar del script para solventar este defecto? gracias

    ResponderEliminar
  50. y en IE todos los cacharritos los mete en la entrada haciéndolos desaparecer de los lados.

    No me creo que Oloman haya publicado esto sin haberlo probado. Qué tengo mal?

    ResponderEliminar
  51. Gracias por la confianza :D

    Supongo que el tema está solucionado, porque actualmente, en FF y en IE se ve el índice bien: seis entradas, seis filas en el índice. Hay dos que tienen dos etiquetas y por lo que he visto, no se repiten. Sólo haría una mejora, que sería ampliar el ancho de la tabla ¿probaste a no colocar ningún WIDTH en #TOC?

    ResponderEliminar
  52. Gracias.
    Sí. No sé como se solucionó pero ahí está.

    Estoy pendiente de afinar los anchos y esos detalles. Eos no debería dar problemas.

    ResponderEliminar
  53. OOOOOOOOOleeee.
    No lo había visto, sin comentarios, ya esta puesto.
    Un saludo.
    cocodrolo

    ResponderEliminar
  54. Hola, Oloman.
    Un link de texto en la página principal de mi blog lleva a una página independiente donde puse el primer código que das. Todo funciona bien. La pregunta es si se puede hacer más directo: en lugar de tener que hacer clic en el link que hay en la página independiente ("Mostrar índice"), hacer que se abra la tabla con el índice directamente junto con esa página, para ahorrar un paso/clic.
    Te agradezco mucho por adelantado. Saludos.

    ResponderEliminar
  55. Se puede hacer, pero la verdad es que nunca me he puesto a ver exactamente cómo, El Zambullista. El motivo es que mientras no cargue todo el feed, la página se quedaría a medias de mostrarse y esa carga ocupa más tiempo a medida que tienes publicadas más entradas. Por eso, pienso que es mejor cargar la página y luego (con el click) el índice.

    Tienes aquí otra alternativa que carga directamente por si quieres probar: Indice por categorías

    ResponderEliminar
  56. Gracias por la respuesta, Oloman. Que quede como está, entonces. Índice específicamente por categorías ya tengo, pero gracias también por la sugerencia.
    Saludos.

    ResponderEliminar
  57. Hola Oloman funciona genial pero hay un problema no se como cambiar o en donde cambiar el color de todos los textos por que estan sombreados por defecto con un color claro y yo quiero ponerle solo blanco me ayudas donde lo hago

    ResponderEliminar
  58. Christopher, el último trozo de código de este post, es precisamente la parte de estilo. En cada parte hay un comentario sobre para qué sirve cada clase. Si quieres que la propiedad (en este caso COLOR) afecte a todo, tienes que ponerla en la primera: #toc

    ResponderEliminar
  59. Oloman, donde puedo descargar el script de nuevo?

    ResponderEliminar
  60. Ya lo encontré el tema es que no me salen más de quinientas entradas seguiendo tus instrucciones. Algo que me ha pasado también con otro truco donde se insertaba sólo un código html con un script. Creo que es un problema de mi feed...se puede hacer algo??

    ResponderEliminar
  61. Emilio, si probaste ya lo que hay tras la corrección (en verde) que es precisamente para mostrar más de 500 entradas, no sabría decirte dónde está el problema.

    Puedes comprobar en el ejemplo que puse, que ese feed va ya por 1866 entradas y que las muestra todas.

    ResponderEliminar
  62. hola me tira error seguramente ya no funciona el script, y tampoco puedo descargarlo para alojarlo, como puedo hacer para solucionar este tema?

    ResponderEliminar
  63. Gonzonzo14, la dirección para descargarlo es esta:

    http://code.google.com/p/bloggerhacks/downloads/detail?name=blogtoc.js&can=2&q=

    Lo acabo de comprobar y a mí sí se me descarga. De todas formas, puedes poner en Google "blogtoc.js", así mismo, entrecomillado, y te muestra otros sitios dónde conseguir ese mismo fichero.

    ResponderEliminar
  64. Hola, tengo un problemilla, bueno al ordenar todas mis entradas mediante ese script, todo esta perfecto, pero,

    1: Quisiera saber si es posible que a hacer click en una entrada ésta se abra en una pestaña nueva osea una ventana nueva aparte, y no en la misma ventana... pense en modificar el valor "top" "blank" pero no encuentro en el cscript esa opcion...

    2: quisiera saber si es posible ocultar alguans entradas,, osea estas entradas no tienen titulo... yo las quiero poner ocultas, pero no quiero que esas entradas las indexe el blogtoc...
    bueno eso es todo aqui esta mi web :D

    http://www.jpeliculasv.com/p/listado-de-peliculas.html

    como ven al hacer click se abre el psot en al misma ventana y yo quiero que se abar en una ventana aparte... a eso me referia, saludos!

    ResponderEliminar
  65. Hola Javier. Para lo de abrir en ventana nueva, busca en el script
    a href="' + postUrl[i] + '" title="' + postSum[i] + '"

    ...y por ejemplo delante de title, pones el target="_blank".

    Sobre lo de ocultar algunas entradas, tendrías que modificar algo más. No lo he hecho para comprobar, pero supongo que deberías poner un condicional dentro de ese mismo bucle para que saltara la impresión cuando postTitle[i]="".

    ResponderEliminar
  66. hola de nuevo, la verda que no pude modificarlo... mira me aparecen dos veces ese mismo parrafo de codigos q me diste... en que parte coloco el target?? podrias colocarmelo porfavor..

    subi la parte del codigo en una nube...
    http://notepad.cc/share/OCLEaB8dO8

    ResponderEliminar
  67. Javier, tienes que INSERTARLO en los dos sitios. Hazlo entre el A y el HREF.

    ResponderEliminar
  68. HOLA EL ZAMBULLISTA, si hay una forma para que te cargue automaticamente todo el indice, y sin hacer nada... este codigo le agregas
    al final de las instrucciones del script:
    http://beautifulbeta.blogspot.com/2008/06/speeding-up-blogtoc.html

    copias el codigo q esta en Automatic display of TOC



    y eso es todo, yo estoy viendo como puedo acelerar el idnexado, osea como tengo muchas entradas se me demora un poco.. mm vi una instruccion en beautifulbeta , para acelerar la carga de blogtoc, pero no logro entenderlo jeje

    ResponderEliminar
  69. OLOMAN, muchas gracias por tu ayuda, saludos y feliz navidad

    ResponderEliminar
  70. Gracias a tí Javier por colaborar con tus comentarios. Felices Fiestas.

    ResponderEliminar
  71. hola amigo el indice me funciona perfecto solo una cosa yo quisiera que no se mostraran las etiquetas y se podrian separar las letras por paguinas y poner una barra horizontal con las letras del alfabeto para ir acada una por ejemplo en la primera paguina solo se muestre la letra A y en la siguiente la B y viseversa agradeceria mucho si me pudieras ayudar

    ResponderEliminar
  72. se podria quitarle el efecto que oculta la tabla

    ResponderEliminar
    Respuestas
    1. Pues seguro que sí se puede hacer todo eso, pero en estos momentos para mí es imposible meterme a cambiar tanto ese script. Lo siento. Como medio de consolación sólo puedo ofrecerte este otro sistema por si te cuadra mejor:
      Indice por categorías tipo sitemap

      Eliminar
  73. Lo mismo no me funciono porque tengo mas de 200 entradas y eso que movi los indicadores de 101 a 300 pero nada no muestra nada por mas que le movi saludos y gracias de todos modos

    ResponderEliminar
    Respuestas
    1. ¿Viste el ejemplo que se citaba en el blog? Pues son más de 1800 entradas. Seguro que no es ese el problema. Tendrás que repasar que pusiste todo como se indicaba ;)

      Eliminar
  74. Amigo una pregunta...

    Sabes que apliqué esta técnica http://www.oloblogger.com/2011/03/pagina-principal-solo-con-titulos-de.html porque mi idea era que se vieran todos los títulos de las entradas, pero me di cuenta que blogger solo me permite tener 6 entradas (o sea, 6 títulos den entradas) en la página principal, así que no me sirve.

    Mi pregunta es... ¿puedo hacer esto del índice que explicas aquí pero en la página principal?

    No estoy interesado en lo sumarios, sino en el índice. ¿Se podrá mediante esta u otra ténica?

    Y muchas gracias Oloman por todas tus ayudas.

    ResponderEliminar
    Respuestas
    1. Con el sistema de los títulos te debería mostrar bastantes más ¿No será que los tienes limitados desde la configuración del Escritorio? Echa un vistazo por ahí porque lo del índice no te va a servir. Aplicarlo a la portada sería bastante complicado.

      Eliminar
    2. Pues tenía para mostrar 100 entradas tanto en Configuración -> Entradas y Comentarios, como en Diseño -> Entradas del Blog.

      ¡Pero nada! De 10 solo me publicó 6 títulos :(

      Así que decidí dejarlo en 0 y que no se vea nada, pues ya tengo un índice al lado izquierdo, pero entonces te quisiera preguntar:

      -Como he dejado en 0 las entradas en la página principal, me sale el texto "No hay ninguna entrada.", ¿ese texto se puede modificar?

      Sé que se puede eliminar suprimiendo la línea b:include data='top' name='status-message' pero me gustaría es modificarlo para que aparezca otro texto.

      Muchas gracias amigo.

      Eliminar
    3. Por cierto, un pequeño dato, esta técnica también se puede aplicar en una página en vez de una entrada; al menos a mí me salió bien :)

      Eliminar
    4. Para lo del rótulo de que no hay ninguna entrada puedes hacer un apaño con esto, modificándolo un poco.

      Eliminar