Tener un indice en nuestro sitio, digamos que no es tan importante, pero vale la pena incorporarlo en nuestro blog ya que mediante este ayudas al usuario a guiarse mucho más fácil, porque le estas mostrando solo el título del artículo lo que a diferencia de otros índices este ahorrará mucho más espacio.
El indice es muy beneficioso, pues organiza por categorías las entradas del blog, por ejemplo si tienes un blog de salud, puedes organizar las entradas por palabras clave como dietas, enfermedades, paroxetina engorda, medicamentos, etc,
También vale mencionar que los títulos de los artículos están enumerados, lo que mostrará cuantos artículos tiene cada etiqueta.
Solo pegas el siguiente script en la edición html de una pagina estática:
<script src="https://googledrive.com/host/0B-WopI-jeOOsT1NPRC1acHpxWmc/indice.js"></script> <script src="url-de-tu-blog/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Recuerda reemplazar lo que se encuentra resaltado en rojo por la url de tu blog.

Insertar índice con etiquetas específicas

El código anterior hará que se muestre todos las etiquetas de tu blog y por ende todos tus artículos, pero si lo que quieres es solo insertar los artículos de una etiqueta, deberás usar el siguiente código:

<script type ="text/javascript" > function recentpostslist(json) {
    document.write('<ul>');
    for (var i = 0; i < json.feed.entry.length; i++) {
        for (var j = 0; j < json.feed.entry[i].link.length; j++) {
            if (json.feed.entry[i].link[j].rel == 'alternate') {
                break;
            }
        }
        var entryUrl = "'" + json.feed.entry[i].link[j].href + "'"; //bs
        var entryTitle = json.feed.entry[i].title.$t;
        var item = "<li>" + "<a href=" + entryUrl + '">' + entryTitle + "</a> </li>";
        document.write(item);
    }
    document.write('</ul>');
} </script>
<b>Nombre Etiqueta 1</b><br/>
<script src="http://url-de-tu-blog/feeds/posts/summary/-/NOMBRE_ETIQUETA?max-results=500&alt=json-in-script&callback=recentpostslist"></script><br/>

Ahora solo queda reemplazar la url de tu blog y el nombre de la etiqueta.
Si quisieras agregar otra etiqueta, solo inserta debajo del código anterior esto:

<b>Nombre Etiqueta 2</b><br/>
 <script src="http://url-de-tu-blog/feeds/posts/summary/-/NOMBRE_ETIQUETA?max-results=500&alt=json-in-script&callback=recentpostslist"></script><br/>

27 commentarios

Cronos_2012 · enero 19, 2014 a las 4:13 pm

me funciona muy bien justo lo que andaba buscado solo una cosa acada enlace se le podria poner un icono pero dependiendo de otra etiqueta por ejemplo en una etiqueta se llama A tiene 8 post pero solo 3 son peliculas que estos post tengan un icono para diferenciarlos seria de mucha ayuda si me pudieras dar algun consejo y muchas gracias 🙂

    Jonathan LR · enero 22, 2014 a las 12:10 am

    Hola Cronos_2012, con respecto a la pregunta que acabas de plantear, creo que es casi imposible ya que este script funciona de forma automática y por lo tanto me es difícil modificar los códigos del script. [-(

    Cronos_2012 · enero 25, 2014 a las 2:53 am

    hola gracias por tomarte tu tiempo para responderme pero si no me explique bien serie que si la etiqueta seleccionada tuviese x etiqueta previamente indicada en el scryp le agregase un icono por toma como ejemplo la img new a los post nuevos algo asi para diferenciar un contenido de otro de ante mano muchas gracias 🙂

    Jonathan LR · enero 26, 2014 a las 9:31 pm

    Lo siento amigo, eso es imposible de hacer, el script no lo hice yo, solo lo dí a conocer o compartir a los fans de este blog, por lo tanto no puedo modificar el script a mi gusto @-)

    Cronos_2012 · enero 29, 2014 a las 9:23 pm

    hola amigo gracias por responderme pero decasualidad podrias decirme quien lo diseño para poder preguntarle

Andro Maniako · enero 20, 2014 a las 3:59 am

Hola, No Me Funciona ;(( Ya e Intentado Con Varios Sistemaps Pero Ninguno Me Funciona, Me Pordrias Decir Si Tienes La Solucion De Este Problema. Gracias y Buena Pagina. 🙂

Este Es Mi Blog: http://andromaniako.blogspot.com/

Saludos :>)

    Jonathan LR · enero 22, 2014 a las 12:13 am

    Hola Andro, bueno, no puedo solucionar tu problema por la razón de que no explicas detalladamente lo que ocurre cuando insertas el script, yo lo e probado muchas veces y me ha funcionado de maravilla.

    Saludos :>)

Cristian Jimenez · enero 21, 2014 a las 10:44 pm

ese sitemap ya me tiene molesto con sus errores ya que no rastrea todos lo labels de la página y simplemente me muestra 500 como máximo aunque yo modifiqué el código par que mediera un valor mayor pero no lo hace Este es mi blog ;(

    Jonathan LR · enero 22, 2014 a las 8:45 pm

    Hola Cristian, creo que al momento de modificar aquella entrada o pagina en la que se encuentra el script, ocurre algun problema y cuando lo actualizas esa entrada o pagina, las etiquetas ya no sirven, por lo que es más recomendable de que modifiques el script antes de insertarlo en un pagina estática.

Sandra A. · febrero 10, 2014 a las 10:53 pm

Hola, solo me funciona con explorer …con safari y fierfox no hay manera Porque sera?

lacuinadesempre.cat · febrero 26, 2014 a las 1:11 pm

Cómo se podria ordenar alfabeticamente el resultado y sin hacer uso de pipes de yahoo?
Gracias.

    SiL · julio 25, 2014 a las 12:49 pm

    sabes ya como ordenarlo alfabéticamente? yo también lo necesitaría. Gracias!

lacuinadesempre.cat · febrero 26, 2014 a las 1:11 pm

Thks!

Rusty Willow · mayo 26, 2014 a las 9:41 am

Hola. Inserté el código en mi web y tengo dos problemillas

El primero es que quiero introducir un OR en la selección de posts por etiquetas. Lo primero que se me ha ocurrido es usar || pero no funciona.

[resto del código] summary/-/NOMBRE_ETIQUETA1 || NOMBRE_ETIQUETA2?max-results=500&alt=json-in-script&callback=recentpost [resto del código]

En otros sitios como las pestañas lo he conseguido así que alguna manera habrá.

El segundo es que cuando quiero editar el código para añadir categorías, se me abre la edición de texto, no la html y entonces borra algo (no se el qué exactamente) y se va el código a la mierda. Me toca volver a copiar y pegar todo el contenido entre «script» y «/script» de cada vez. ¿Eso se puede evitar?

Pues gracias por el código y a ver si se puede hacer algo con mis dudas

Enrique Rus · septiembre 12, 2014 a las 11:01 am

Muy interesante su Blog, gracias por sus consejos

Cultura Anime · noviembre 5, 2014 a las 9:40 am

Me gustaría saber como ordenarlo alfabéticamente 🙁

Juancho Fotografía · diciembre 16, 2014 a las 12:34 pm

Genial. Gracias.

Torivio Ventura · diciembre 16, 2014 a las 8:23 pm

hey bro gracias me quedo super mira mi web http://www.cinelatino24.net/p/indice.html

Alice Graham · febrero 10, 2015 a las 5:59 am

Holaa!!! Jonathan…
me gusto el indice me ayudo pero ahora tengo un problema y necesito tu ayuda…
Yo utilice este indice en una plantilla anterior a la que tengo actual pero al cambiar de plantilla por una sencilla de blogger no me funciona el script… simple mente al colocarlo en la edicion HTML de mi pagina de Indice no aparece…
Ayudaaa =C

    Hayder Juvinao · febrero 10, 2015 a las 8:32 pm

    Hola Alice podrías dejar la URL de tu blog; el problema con el cambio de plantilla es que hay veces que estas contienen algún código o script que causa conflicto con otros scripts que tienes agregados.

    Saludos 🙂

Mara · diciembre 6, 2015 a las 3:26 pm

Hola buenas tardes, disculpa que te moleste. Tengo el índice en mi blog desde hace mucho tiempo y siempre me ha funcionado bien, tardaba un poco en cargar pero luego bien. Desde hace unos días no me salen todas las entradas que tengo publicadas en el blog, a pesar de estar etiquetadas, y esto me ocurre sobre todo con entradas antiguas. Si buscas la receta en etiquetas si que aparece pero es muy engorroso. Sabrías darme la solución. Muchas gracias por compartir !! Saludos

    Juvinao · diciembre 6, 2015 a las 4:18 pm

    Hola Mara tienes un blog muy bonito, ya entrando en materia, he revisado el indice y en efecto sucede lo que dices, me podrías indicar cuantas entradas has publicado?

    Quedo atento a tu respuesta.

    Saludos

      Mara · diciembre 9, 2015 a las 3:00 pm

      Muchas gracias por pasarte por el blog y contestar!! Tengo 536 entradas publicadas. Espero encontrar una solución porque es un poco desesperante. Gracias de nuevo!!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *