Tabla de contenido o índice para tu blog

Con anterioridad aprendimos a crear un índice de entradas en nuestra barra lateral, teniendo la opción de escoger los artículos a mostrar. El script muestra los títulos de las entradas seleccionadas y un enlace hacia ellas pero no presenta su fecha de publicación.

De manera similar podemos conseguir que nuestro índice quede dividido en meses, años y que cada post muestre a su izquierda su respectiva fecha de publicación. Puedes ver un índice en funcionamiento accediendo a este blog.

Diseño>Edición de HTML>expandimos artilugios

Busca la etiqueta </head> y justo encima añade esto:

<script type='text/javascript'>
// <![CDATA[
var postTitle=new Array();var postUrl=new Array();var postMp3=new Array();var postDate=new Array();var postYear=new Array();var postMonth=new Array();var postYearMonth=new Array();var postYearMonth2=new Array();var postTanggal=new Array();var postLabels=new Array();var postBaru=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;var month2=["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre",
"Octubre","Noviembre","Diciembre"];function blmostrarindice(a){function b(){if("entry" in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var m=a.feed.entry[h];var e=m.title.$t;var l=m.published.$t.substring(0,10);var p=m.published.$t.substring(5,7);var g=m.published.$t.substring(8,10);var n=month2[parseInt(p,10)-1]+" "+m.published.$t.substring(0,4);var c="/"+m.published.$t.substring(0,4)+"_"+p+"_01_archive.html";var j;for(var f=0;f<m.link.length;f++){if(m.link[f].rel=="alternate"){j=m.link[f].href;break}}var o="";for(var f=0;f<m.link.length;f++){if(m.link[f].rel=="enclosure"){o=m.link[f].href;break}}postTitle.push(e);postDate.push(l);postUrl.push(j);postYearMonth.push(n);postYearMonth2.push(c);postTanggal.push(g)}}}b();displayToc2();document.write('')}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postYearMonth[b];document.write("<p/>");document.write('<p><strong><a href="'+postYearMonth2[b]+'">'+temp1+"</a></strong></p><ul>");firsti=a;do{document.write("<li>");document.write("(Día "+postTanggal[a]+') <a href="'+postUrl[a]+'">'+postTitle[a]+"</a>");document.write("</li>");a=a+1}while(postYearMonth[a]==temp1);b=a;document.write("</ul>");if(b>postTitle.length){break}}};
// ]]>
</script><style>#blindice p{background: #f4f4f4; padding:0 0 0 6px;} #blindice ul li{list-style:none outside none;}</style>

Guarda la plantilla y dirígete a Creación de entradas, Nueva entrada. Pega este código en su interior:

<div id="blindice"><script src="http://TITULO.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=blmostrarindice"></script></div>

Reemplaza TITULO por el título de tu blog para terminar.

Nota:

- Para que el índice no aparezca en la portada de tu blog, tan solo necesitas cambiar su fecha. Al crear la entrada, pulsa el enlace 'Opciones de entrada' (en la parte inferior, encima del botón Publicar entrada) y escribe una fecha antigua.