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.
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&alt=json-in-script&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/>