Crear un sencillo ÍNDICE con todas las entradas de tu blog | blogsmadeinspain

Aquí encontrarás plantillas para Blogger diseñadas por mí totalmente gratuitas, conocerás como se manipulan imágenes, fondos, texto, enlaces o links, los mejores widgets o gadgets, herramientas y utilidades, etc... Y además puedo diseñarte una plantilla exclusiva para tí, totalmente a tu gusto, y solo por 38 Euros.

Crear un sencillo ÍNDICE con todas las entradas de tu blog

Hay muchas maneras de crear un ÍNDICE con todas las entradas de vuestro blog. Yo os voy a enseñar aquí la manera más fácil de todas. Las hay con presentaciones más atractivas, más elaboradas, etc… Pero ninguna es tan fácil como la que os muestro a continuación, donde solo tendréis que pegar un pequeño código donde queráis crear el índice. Y no por fácil deja de ser funcional, muy organizada y rápida de carga.

Podéis organizar vuestro índice clasificando las entradas por etiquetas... VER DEMO
O clasificándolas por fecha de publicación... VER DEMO

En el primer caso, aparecen marcadas las 10 o 12 últimas entradas publicadas con el indicador Nuevo!. Y en el segundo caso aparecen agrupadas por meses.

Leer completo...[+/-]

    Para crear un índice de entradas agrupadas según las etiquetas de vuestro blog, cread una página en “Creación de entradas / Editar páginas” pinchando sobre PÁGINA NUEVA. Y en la pestaña “Edición de HTML” pegad este código:

    <script style="text/javascript" src="http://sites.google.com/site/blogsmadeinspain/indice.js"></script>

    <script src="http://NOMBRE DE TU BLOG.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

    Solo tienes que sustituir NOMBRE DE TU BLOG para adaptarlo a tu blog.

    Si deseas ordenar las entradas por su fecha de publicación, haced igual que antes, pero pegando este código:

    <script style="text/javascript" src="http://sites.google.com/site/blogsmadeinspain/indicefecha2.js"></script>

    <script src="http://NOMBRE DE TU BLOG.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

    E igualmente sustituir NOMBRE DE TU BLOG para adaptarlo a vuestro blog.

    EDITADO: Parece que a algunas personas les está dando problemas el alojamiento del archivo script, pese a estar configurado como archivo público. Podéis descargaros el archivo y alojarlo en alguna cuenta vuestra de "Google Sites" u otro servicio que soporte scripts.
    Para ello colocar en vuestro navegador una de las rutas URL siguientes: (dependiendo de si queréis crear el índice por etiquetas o por fechas
    http://sites.google.com/site/blogsmadeinspain/indice.js http://sites.google.com/site/blogsmadeinspain/indicefecha2.js

76 comentarios:

Baisha dijo...

Lo hago tal y como indicas pero no veo que aparezca el índice por ningún lado. ¿Dónde debería aparecer?

Blogsmadeinspain dijo...

Baisha, tal y como indico en las instrucciones, debes crear una página o entrada en tu blog y colocar en su edición html los códigos que indico.
Además, recuerda colocar el nombre de tu blog en lugar de NOMBRE DE TU BLOG

Baisha dijo...

Sí, he seguido exactamente todas las indicaciones, no me he saltado nada, he cambiado el nombre de mi blog, peeeero..... yo no veo que me aparezca un Indice por ningún lado.

Blogsmadeinspain dijo...

Baisha. ¿Has creado una entrada o página de tu blog para colocar el índice?
Si lo has hecho, para que la gente pueda verlo debes colocar un enlace o link en alguna parte de tu blog con el título "ÍNDICE" y que al pinchar enlace a esa entrada donde has colocado el índice. ¿No sé si me explico?

vlcseo dijo...

Estimados amigos

A mi tampoco me sale os dejo el link por si lo podéis ver
www.videoyvideo.com/p/indice.html

la url que he puesto es la del blog

script src="http://videosquevideos.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"

Gracias anticipadas

Blogsmadeinspain dijo...

vlcseo, por favor, mándame por email los códigos html exactos que tienes ahora mismo en esa página que has creado.
Déjame que los vea y te digo algo.

vlcseo dijo...

El problema está en indice.js ha sido cambiarlo de sitio y a funcionar

De todos modos felicitaros por vuestro trabajo

Baisha dijo...

¿Es que tengo que crear primero, antes de hacer lo que indicas, una página con todas las entradas de mi blog, como un índice?
Yo creía que con estos códigos se creaba el índice de entradas tal cual.

Blogsmadeinspain dijo...

No, Baisha, con pegar esos códigos en una entrada nueva se crearán automáticamente el índice con todas tus entradas publicadas.
Pero parece que algunas personas han tenido problemas con el alojamiento del script. Lee de nuevo la entrada, al final he colocado una nota aclaratoria.

Anónimo dijo...

Yo he alojado el archivo js en mi cuenta de Google sites y me va de maravilla. Funciona 100x100.

Gracias por el aporte.

Maru dijo...

Hola!!!! ojala me puedan ayudar, yo ya he intentado hacer lo que mencionan pero solo me sale los mismos códigos en la entrada de mi blog, pero no aparece el índice. ¿que estoy haciendo mal?

Blogsmadeinspain dijo...

Maru, como has visto editado al final de esta entrada, hay algunas personas a las que parece que les está dando problemas donde está alojado el script.
Por eso he dejado los archivos para que podáis descargarlo y alojarlo en algún servicio que soporte ese tipo de archivos. (Yo recomiendo Google Sites)

Anónimo dijo...

Bueno si.. pero como se hace lo de alojar el archivo??? ya lo baje pero no se que hacer con el, en donde lo pongo o que??

Blogsmadeinspain dijo...

El archivo puede alojarse en cualquier servicio de alojamiento que tenga ejecución directa de archivos.
Yo recomiendo "Google Sites". Para ello entra en "Google",en la barra superior pincha en "Más" y en la opción "Mucho más".
En la columna derecha aparecerá "Sites" o "Sitios webs", pincha sobre él.
Si no te aparece ningún sitio que hayas creado antes, pincha sobre el botón "CREAR", y crea una página.
Será muy imporante qu recuerdes la "Ubicación del sitio" que has colocado. (https://sites.google.com/site/...)
Una vez creada la página y estando en ella, verás un botón "Más" en la parte superior derecha, pincha sobre él y sobre la opción "Administrar sitio". Entonces en una clumna izquierda te aparecerá "Archivos adjuntos".
Al pinchar verás la opción "Subir", y podrás subir el archivo allí.

Entonces la ruta del archivo será la direcciín que te dije antes era importante recordar, seguida del nombre del archivo y su extensión. (En este caso indice.js

Joaquina dijo...

Gracias por esta maravillosa entrada, ha sido un placer poder conseguir un indice de recetas, tan rapida y facilmente. Un gustazo, funciona al 100% a la primera. Para una novata como yo, es un placer seguirte. Me quedo como seguidora.. SAludos.

JUAN ENRIQUE ROMERO HERNANDEZ dijo...

Este indice no funciona si no tienes etiquetas quiza esto le sucede a muchos, saludos y muy buen blog! Gracias!

José Carlos García Linares dijo...

Tengo un problema que no logro entender. Resulta que esto debería mostrar todas las entradas por etiquetas, pero tengo una que contiene 8 entradas y sólo me muestra 3. ¿?. Alguien puede darme una pista de donde mirar? Gracias.

Blogsmadeinspain dijo...

José Carlos, gracias por el aviso.
La verdad es que no hay ningún motivo en el script usado para que ignore algunas entradas.
A ver si a alguno de mis lectores les ocurreo lo mismo.

Otto la piloto dijo...

Hola!! estoy buscando la forma de ocultar algunas de las etiquetas del índice. Podrías ayudarme?? gracias!!

Blogsmadeinspain dijo...

Lo siento, Otto, he estado investigando y no he encontrado nada para conseguir lo que quieres hacer.

Ana Santiago Urkijo dijo...

Hola
me funciona correctamente, he subido a un hosting los archivos "js" y va muy bien.
Quisiera saber si hay modo de quitar el día que aparece entre paréntesis
Gracias
Un saludo

Blogsmadeinspain dijo...

Ana, siento no poder ayudarte con eso. Hay que manipular el script en javascript, y yo no domino ese tema.

Natalita dijo...

Buenasss, jo soy un poco bruta para estas cosas. ya he subido el archivo al google site que cree y ahora que hago, donde lo copio, no me entero, lo siento. mucha sgracias por ayudarme

Blogsmadeinspain dijo...

Natalia, simplemente tienes que encontrar la ruta completa del archivo alojado por tí, que será parecido a esto:

http://sites.google.com/site/blogsmadeinspain/indice.js

Y sustituir esa ruta en el primer renglón del código html con el que vas a hacer el índice.

Pelusa dijo...

Hola! He puesto el archivo en una pagina y funciona muy bien pero el unico problema es que no me salen todas las entradas de mi blog (tengo muchas). Faltan los primeros años de publicaciones... ¿Como lo puedo arreglar para que salgan todas las entradas?
Gracias!

Paco Muñoz dijo...

Me interesaría saber hasta que número de entradas indexa el índice, pues el que yo tengo no pasa de quinientas.

Blogsmadeinspain dijo...

Paco, la verdad es que no sabría decirte. Pero es muy posible que tenga ese límite, ya que se basa en el RSS del sitio.

macu perez perez dijo...

Muchisimas gracias por tu ayuda, has sido claro , clarito...por que no te he encontrado antes...ahora me gustaria que en mi blog se vieran fotos aleatorias de mis recetas..me ayudas? http://recetasdemacumani.blogspot.com.es/
graciasssssss

Blogsmadeinspain dijo...

macu, tienes que explicarme algo más si quieres que te ayude. Sé algo más concreto en explicar lo que quieres hacer.

Por fin cocino dijo...

Hola, muchísimas gracias por tus indicaciones. He podido crear un índice. Una cosita: ¿cuál es el criterio para que aparezca lo de nuevo?¿Se puede cambiar?.

Anónimo dijo...

Me funcionaba en todos mis blogs salvo en uno que funcionaba hasta que lo cambie a un dominio propio,(de nombre.blogspot.com.es a nombre.com) ni cambiando el nombre en el script consigo que funcione ¿Que puede ser?

Blogsmadeinspain dijo...

Por fin cocino, lo siento pero el criterio no puede cambiarse. al menos yo desconozco cómo podría hacerse.
Aparecen marcadas como nuevas las 10 o 12 últimas entradas publicadas.

Porfincocino dijo...

OK gracias por la información.

Anónimo dijo...

Gracias.

Flicka dijo...

Si me funcionó, logré poner un indice a mi blog (http://themoonf4.blogspot.com/)

...Gracias!! y Felices fiestas!! :)

Cocina con Reina dijo...

Por favor,puedes ayudarme? yo hago una nueva entrada,y pego lo que pones y pongo el nombre de mi blog,en edición normal o htlm? con fecha actual o antigua? y para ponerlo en un gadged que la gente lo vea,que lo pongo en HTlm javascrip, y que código pego ahi? es que he leido tantas formas que ya tengo un lio.gracias

Blogsmadeinspain dijo...

Debes crear el índice en una página (no en una entrada normal). En la edición html.
Para poner un gadget que la gente lo vea, puedes crear una enlace o link a esta página que has creado, o usar el gadget que Blogger tiene para ello.
Solo tienes que acceder en el menú lateral a la sección "Páginas" y verás una pestaña detrás de "Mostrar páginas como"... Ahí eliges donde quieres mostrar el enlace de esa página.índice.

Niko Berrocal dijo...

Hola Blogsmadeinsapin!
Gracias a tu ayuda he conseguido poner un indice a mi blog. Pero tengo una pregunta: Cuando pincho en la etiqueta del índice me salen tambien entradas que no están etiquetadas en ese tema (nuevo!, pero de cualquier tema). ¿Hay alguna forma de que solo salgan las etiquetas que tienen que ver con ese tema/etiqueta?>

Blogsmadeinspain dijo...

No estoy seguro de haberte entendido bien, Niko.
Pero en el índice salen automáticamente todas las etiquetas, no puede diferenciarse ninguna de ellas.

Niko Berrocal dijo...

Te explico. He creado el indice dandoles nomnbres de diferentes temas, p.ej fotografía, cocina, etc. Cuando pulso en alguna de estas "categorias" en vez de llevarme solo a las entradas que están etiquetadas con esta "categoria", me presenta cualquier entrada nueva, sea de esa categoría o no. Te pregunto si hay alguna forma para que solamente te redireccione a las entradas con el nombre de la etiqueta/ategoria que he pulsado. Ya siento no explicarme mejor, pero no controlo mucho el tema. Gracias.

Blogsmadeinspain dijo...

A ver si de esta forma te sale como tú queres...

sustituye la ruta
http://NOMBRE DE TU BLOG.blogspot.com/feeds/posts/default


Por esta otra...

http://NOMBRE DE TU BLOG.blogspot.com/feeds/posts/default/-/ETIQUETA

Donde debes sustituir ETIQUETA por la etiqueta que corresponda de tu blog.
Creo que así te funcionarán los índices por etiquetas.

Niko Berrocal dijo...

SIIIIIIIIIII!!!!! Muchas gracias por tu valiosisima ayuda blogsmadeinspain. Pensaba que no iba a poder hacerlo.

¡ERES UNA MAQUINA!

Cecilia de T.A. dijo...

Muchas gracias, muy bueno. Ya lo tengo en uno de mis blogs.

Juanma dijo...

Muchas gracias tio. Me volví loco para encontrar este gadget. Además se puede poner directamente en una cajita html y ponerlo en portada sin necesidad de crear un post, no es así???

Blogsmadeinspain dijo...

Efectivamente, Juanma.

terreo dijo...

Muy buenas!!
La verdad es que me estoy volviendo loco... no lo consigo.
Hace un mes, hice un blog para mi tia y le puse un indice de recetas (el blog es de cocina) y todo funcionaba a la perfeccion hasta que le compré un dominio propio....
Desde entonces ha dejado de funcionar el índice de recetas y no soy capaz de que funcione.
Ya se que hay que modificar el script con el nuevo nombre del blog pero.....no funciona.


¿que estoy haciendo mal? solo se ve el título de la entrada y nada más...
Necesito ayuda!!!
Gracias.

Pd: el blog es http://elsabordelromero.com si quieres entra y metete en la pestaña "indice de recetas" verás lo que te digo

Blogsmadeinspain dijo...

terreo, no puedo acceder al enlace que me mandas para ver. A ver si lo has escrito con algún error.

En principio no tendrías que tocar nada. Debería seguir funcionando con la misma dirección antigua del blog.

Jose Mª Mondéjar Martínez dijo...

Enorme, Genial, ya pensaba que lo tenia que hacer a mano y actualizarlo cada vez que hiciera una entrada. Muchas gracias FENOMENO
Te invito a visitar mi blog, claro está, si te gustan los toros...
http://mondejarfoto.blogspot.com.es/

Jhonny Sán dijo...

Funciona muy bien solo tuve que cambiar el nombre por el de mi blogg y funcionando.

Saludos

jero dijo...

che, a mi me gustari saber como hacer para crear un indice PERO COMO VOS TENES A LA DERECHA
mi blog es de libros y me gustaria clasificar ''resañas, sinopsis ...etc'' por eso quiero hacer como vos tenes ''inicio, basico, plantillas, trucos ....

Blogsmadeinspain dijo...

jero, eso puedes hacerlo simplemente colocando imágenes como enlaces, como botones que al pulsar enlazan a donde tú decidas.
Puedes ver cómo se hace en esta entrada http://blogsmadeinspain.blogspot.com/2009/10/colocar-enlaces-o-links-en-el-blog.html

En mi caso, es algo más complejo porque los botones tienen un efecto al pasar el ratón por encima de ellos. Puedes ver esta otra forma de hacerlo en http://blogsmadeinspain.blogspot.com/2008/01/igenes-que-cambian-al-pasar-sobre-ellas.html

Aunque este esta forma de hacerlo es bastante más compleja.

Candido Vicente dijo...

Hola
Excelente idea. Yo he probado en mi blog pero sale la página en blanco, aunque si haces click en el título ya aparece la lista. El problema es que no se puede regresar a la página principal directamente.
Ojo! mi blog está en vista dinámica, por lo que podría ser esa la razón, no?
Gracias

Blogsmadeinspain dijo...

Seguramente es debido a la vista dinámica, pero no estoy seguro de ello.

Jessie Romero L. dijo...

Gracias,me sirvió de mucho.===

renanfer dijo...

interesante el tutorial amigo, he subido el script q tienes hay a google sites y ni asi aparece nada en el indice, no se porque. he probado muchos codigos de varias fuentes y ninguno logra hacer q aparesca el indice. no se a q se deba, espero puedas ayudarme. salu2

Blogsmadeinspain dijo...

renanfer, si has subido el script a una cuenta tuya de Google sites, asegúrate de que el archivo y la carpeta que lo contienen estén como "públicos". Si no está "público" no funcionará.

Arturo Redondo Cueto dijo...

El el índice, ¿Qué significa el número entre paréntesis que aparece antes de cada entrada?

Blogsmadeinspain dijo...

Arturo, ese número que indicas solo saldrá si usas el índice clasificado por fecha, y no es más que el día del mes correspondiente.

Marvin Rivas dijo...

Hola yo estaba teniendo el mismo problema, no se mostrava nada.. y por pura curiosidad le agrege. las 3 W al comienso del nombre del blog y ahora todo sale bien, espero que a alguien le sirva , ami me funsiono..
<script src="http://WWW.NOMBRE DE TU BLOG.blogspot.com/feeds/posts>

Per la defensa del Litoral dijo...

Hola, me funciona muy bien. Pero tengo una pregunta, se me numeran las entradas. O sea delante de cada entrada de mí índice me indica un número correlativo. Esto se puede quitar?¿?
1-
2-
3-
etc-
Gracias y saludos.

Per la defensa del Litoral dijo...

ok, ya lo tengo arreglado.

Gracias y saludos.

Anónimo dijo...

Hola disculpa, ya agregue el script a mi google sites en publico, y ya hice lo del codigo, pero no logro hacer que aparezca nada, no sabes a que se debe???

Ivar Armella dijo...

gracias hermano, lo use en mi blog y funciona perfecto.

www.caciclon.blogpot.com

Blogsmadeinspain dijo...

Anónimo, como se comenta en uno de los comentarios, puede ser que en algunas versiones algo más antiguas de algunos navegadores no funcione bien. Si estás seguro que el alojamiento del script lo has hecho bien, debe ser eso.
En todos los blogs que yo lo he aplicado, me ha funcionado bien.

Asturpeskin dijo...

A mi me funcionaba hasta hace unos dias y de buenas a primeras no me sale nada en el índice. Lo he alojado en google sites pero sige sin aparecer nada en el índice.

Oscar TG dijo...

Gracias, asido fácil y funciona perfecto!

Rocío dijo...

Gracias,
Me salió perfecto!
http://rococina.blogspot.com.es/p/indice-de-entradas.html

Rocío de Rococina

P.L. Salvador dijo...

Pues no consigo que desaparezca la fecha entre paréntesis (17): ¿se puede quitar? Es que el de las etiquetas no me va bien.

Blogsmadeinspain dijo...

P.L. Salvador, para lo que quieres hacer hay que manipular el script, y para eso hay que tener buenos conocimientos de Javascript...

Yo uso directamente el script tal y como lo hizo su autor porque tengo muy pocos conocimientos de Javascript.

Asturpeskin dijo...

No se a que será debido pero a mi me funcionaba bien y de repente me dejó de funcionar.

Esther CC dijo...

Hola! He conseguido poner el índice pero no me aparece la palabra nuevo en las entradas nuevas. Puedes pasarte por mi blog y decirme por qué pasa? Gracias!

www.aupaircoupleeninglaterra.blogspot.com

Blogsmadeinspain dijo...

Esther, la verdad es que no saría decirte... Tú índice se ve perfecto, pero es cierto que no aparece "Nuevo" en ninguna entrada.

He revisado algunos índices más que usan ese script y sí aparece.
siento no poder ayudarte, pero no conozco cual puede ser el motivo.

Alberto Iniesta dijo...

Hola, ¿sabrías como podría quitar el titulo/enlace del indice, que te muestra todas las entradas de la etiqueta? Por más que lo intentado no doy con ello.

Blogsmadeinspain dijo...

Lo siento, Alberto, pero no controlo el Javascript. No sé como modificar el script que se usa para crear el índice.

4ever dijo...

lo he puesto por fecha y sin problema !!

Muchisimas gracias!!

rachell cipriano dijo...

Hola!
Verás, pongo el índice, tal y como dices y funciona bien. Pero me di cuenta de que no aparecen todas las etiquetas :( ¿Sabes cómo puedo arreglarlo o qué hacer?
Espero tu respuesta!
De antemano, gracias, esto me servirá bastante :)