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:
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:
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.
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>
<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.
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>
#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.
Y muchos más artículos interesantes si nos sigues en...
Holaaa Oloman!!
ResponderEliminarEste 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
Hola.
ResponderEliminarTe 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
Oloman, gracias por el truco ya lo tengo en mi blog. En la sidebar derecha arriba.
ResponderEliminarEstá 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.
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!
ResponderEliminarAplausos Aplausos Aplausos!!! como dije sos un grande Oloman!!:D
miles de gracias y un fuerte abrazote de oso
Pues no lo entiendo ... acabo de hacerlo tal cual dices y aun asi solo me muestra 500 resultados. De todas formas, es muy bueno.
ResponderEliminar¿Me podrías sugerir un sitio donde albergar el script?
Para alojar scripts hata final de año, Google Pages, pero como supongo que querrás más tiempo, prueba con Windows Live Skydrive
ResponderEliminarhola , no se como se pone en el sidebar para enlazar con la entrada donde está el indice. gracias
ResponderEliminarHola 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)
ResponderEliminarEn 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>
AMA, eso sólo puede ser que te comiste algunas comillas o algún <, o algo así. Repasa el código.
ResponderEliminarTengo una duda...
ResponderEliminartengo 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!!!!
Sí, bkn444. Es tal y como lo has explicado.
ResponderEliminarLo ú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.
Muchísimas gracias, es un muy buen método
ResponderEliminarHola 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:
ResponderEliminarERROR
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
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:
ResponderEliminarERROR
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
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
ResponderEliminarEspero que este yo en lo correcto Oloman, de todas formas intentare eso que escribí
HAAAAAAAAAAAAAAAAAAAAAAAAAAAA!!!!!!!!!! YA ME DESESPERE, CON NADA DE LO QUE HAGO ME FUNCIONA, AYUDAME OLOMAN PORFAVOR
ResponderEliminarPosiblemente sea porque no cambiaste el SCRIPT.
ResponderEliminarEn 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.
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???
ResponderEliminarOloman ya no te molestes en responder mi comentario anterior porque LuzdeLuna me ayudo a poner mi indice, gracias de todas formas Oloman
ResponderEliminarOk Juan. Menos mal que estaba Luz por ahí.
ResponderEliminar¡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.
ResponderEliminar¿Puede ser por eso que ahora no me aparece nada? ¡Gracias por tu atención!
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¡Muchas gracias! No te preocupes, de momento me estoy apañando con el índice por categorías que pusiste hace unos días ;-)
ResponderEliminarOk Laura.
ResponderEliminarDichosos los celtas porque ellos llevan los cuernos en el casco. Es que yo soy hondero ;)
¿Participas en esas fiestas, Oloman? Mi padre no suele perdérselas ningún año xDD
ResponderEliminarUn 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¿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
ResponderEliminarEn mi Blog: http://yosileo.blogspot.com utilizo un indice mucho más simple y no da problemas.
ResponderEliminarNo puedo pegar aquí el script, si alguien lo necesita ya sabéis :)
Ya lo conocía Ecapool. Ese sistema está en la siguiente entrada a esta. De todas formas, gracias por el aporte.
ResponderEliminarHola,
ResponderEliminarmuchas 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..
Aquí es más complicado Petrópolis. Te contesto en tu otro comentario.
ResponderEliminarQue bueno yo ya hice el mio jeje:)
ResponderEliminarhola!! 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..
ResponderEliminardesde ya gracias!!
Esta es la contestación que le dí, que está en otra entrada.
ResponderEliminarMe puedes ayudar con mi indice :(
ResponderEliminarse me corre la barral de la derecha
http://programasfulldescarga.blogspot.com/2010/03/lista-de-programas.html
Sebastián, creo que la cosa está aquí:
ResponderEliminar#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.
noo sigue igual no sale la barra lateral, le saque todos los valor, probe con varios pero nada, que puedo hacer?
ResponderEliminarSebastiá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.
ResponderEliminarEsto 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;
}
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
ResponderEliminarPara editar la plantilla, lo tienes que hacer igual que cuando insertaste por primera vez ese código: Escritorio > Diseño > Edición HTML
ResponderEliminarnose 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
ResponderEliminarSebastián el estilo se lo das en el último trozo de código que puse.
ResponderEliminarPor 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.
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?
ResponderEliminarLo 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 ;)
ResponderEliminarpero 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
ResponderEliminarSi 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.
ResponderEliminarmm que extraño entonces, llevo casi 1 semana y 0 clicks, y no solo adsence, los demas tambien...
ResponderEliminarya no importa, gracias
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.
ResponderEliminarDe 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.
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.
ResponderEliminarSolución? Qué hay que cambiar del script para solventar este defecto? gracias
y en IE todos los cacharritos los mete en la entrada haciéndolos desaparecer de los lados.
ResponderEliminarNo me creo que Oloman haya publicado esto sin haberlo probado. Qué tengo mal?
Gracias por la confianza :D
ResponderEliminarSupongo 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?
Gracias.
ResponderEliminarSí. No sé como se solucionó pero ahí está.
Estoy pendiente de afinar los anchos y esos detalles. Eos no debería dar problemas.
OOOOOOOOOleeee.
ResponderEliminarNo lo había visto, sin comentarios, ya esta puesto.
Un saludo.
cocodrolo
Hola, Oloman.
ResponderEliminarUn 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.
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.
ResponderEliminarTienes aquí otra alternativa que carga directamente por si quieres probar: Indice por categorías
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.
ResponderEliminarSaludos.
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
ResponderEliminarChristopher, 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
ResponderEliminarOloman, donde puedo descargar el script de nuevo?
ResponderEliminarYa 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??
ResponderEliminarEmilio, 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.
ResponderEliminarPuedes comprobar en el ejemplo que puse, que ese feed va ya por 1866 entradas y que las muestra todas.
hola me tira error seguramente ya no funciona el script, y tampoco puedo descargarlo para alojarlo, como puedo hacer para solucionar este tema?
ResponderEliminarGonzonzo14, la dirección para descargarlo es esta:
ResponderEliminarhttp://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.
Hola, tengo un problemilla, bueno al ordenar todas mis entradas mediante ese script, todo esta perfecto, pero,
ResponderEliminar1: 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!
Hola Javier. Para lo de abrir en ventana nueva, busca en el script
ResponderEliminara 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]="".
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..
ResponderEliminarsubi la parte del codigo en una nube...
http://notepad.cc/share/OCLEaB8dO8
Javier, tienes que INSERTARLO en los dos sitios. Hazlo entre el A y el HREF.
ResponderEliminarHOLA EL ZAMBULLISTA, si hay una forma para que te cargue automaticamente todo el indice, y sin hacer nada... este codigo le agregas
ResponderEliminaral 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
OLOMAN, muchas gracias por tu ayuda, saludos y feliz navidad
ResponderEliminarGracias a tí Javier por colaborar con tus comentarios. Felices Fiestas.
ResponderEliminarPues 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:
ResponderEliminarIndice por categorías tipo sitemap
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¿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 ;)
EliminarAmigo una pregunta...
ResponderEliminarSabes 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.
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.
EliminarPues tenía para mostrar 100 entradas tanto en Configuración -> Entradas y Comentarios, como en Diseño -> Entradas del Blog.
Eliminar¡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.
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 :)
EliminarPara lo del rótulo de que no hay ninguna entrada puedes hacer un apaño con esto, modificándolo un poco.
Eliminar