Contenido por categorías

Después de examinar y probar todas las tablas de contenidos habidas y por haber, y de entre todas las que propone Hoctro'sPlace, la que más me gusta es ésta: por su simpicidad y efecto.

Sólo hay que tener las entradas etiquetadas (lo que más me cuesta siempre... por desordenada) y pasar a incluir un sólo código en la plantilla expandida:

Hay que colocarlo entre el cierre de un b: widget y la apertura del siguiente (elemental... porque vamos a crear un nuevo widget). Yo lo he puesto dentro de la tag sidebar wrapper, que es dónde quería que apareciera (o sea: en la sidebar):

<b:widget id='HTML50' locked='false' title='Contents By Category' type='HTML'><br /><b:includable id='main'><br /><!-- *****************http://hoctro.blogspot.com*****Dec,2006****************** --><br /><!-- <b:if cond='data:blog.pageType == "item"'> --><br /> <!-- only display title if it's non-empty --><br /> <b:if cond='data:title != ""'><br /> <h2 class='title'><data:title/></h2><br /> </b:if><br /><br /> <div class='widget-content'><br /><div id='data2006'/><br /><script type='text/javascript'><br /><br />var homeUrl2 = "hoctro.blogspot.com";<br />var labels = ["Killer Hacks","Simple Hacks",<br /> "3 Column Templates", "Ajax Hacks","Custom Widgets", "Hacking Techniques"];<br /><br />function listEntries2(json) {<br /> var ul = document.createElement('ul');<br /><br /> for (var i = 0; i < json.feed.entry.length; i++) {<br /> var entry = json.feed.entry[i];<br /> var alturl;<br /><br /> for (var k = 0; k < entry.link.length; k++) {<br /> if (entry.link[k].rel == 'alternate') {<br /> alturl = entry.link[k].href;<br /> break;<br /> }<br /> }<br /> var li = document.createElement('li');<br /> var a = document.createElement('a');<br /> a.href = alturl;<br /><br /> var txt = document.createTextNode(entry.title.$t);<br /> a.appendChild(txt);<br /> li.appendChild(a);<br /> ul.appendChild(li);<br /> }<br /><br /> for (var l = 0; l < json.feed.link.length; l++) {<br /> if (json.feed.link[l].rel == 'alternate') {<br /> var raw = json.feed.link[l].href;<br /> var label = raw.substr(homeUrl2.length+21);<br /> var label1 = label.replace("%20", " ");<br /> var label2 =label1.replace("%20", " ");<br /> var txt = document.createTextNode(label2);<br /> var h = document.createElement('h4');<br /> h.appendChild(txt);<br /> document.getElementById('data2006').appendChild(h);<br /> document.getElementById('data2006').appendChild(ul);<br /> }<br /> }<br />}<br /><br />function search2(query, label) {<br /><br />var script = document.createElement('script');<br />script.setAttribute('src', 'http://' + query + '/feeds/posts/default/-/' + label + <br />'?alt=json-in-script&callback=listEntries2');<br />script.setAttribute('type', 'text/javascript');<br />document.documentElement.firstChild.appendChild(script);<br />}<br /><br />for (var i=0; i < labels.length; i++) <br /> if (labels[i])search2(homeUrl2, labels[i]);<br /></script><br /> </div><br /><br /> <b:include name='quickedit'/><br /><!-- </b:if> --><br /></b:includable><br /></b:widget><br />

¡Ojo!: Acordaros de reemplazar la URL del código por la de vuestra página. Y reemplazad las categorías (etiquetas) del código por las vuestras. Si queréis, también podéis cambiar el título de "Contents by..." por "Contenidos por categoría", p.e.- en español- o el que os parezca bien.

Y cuidado con los nombres de las etiquetas... porque no aceptan la "ñ" ni los acentos... de modo que yo tuve que reemplazar "Diseño" por Design... o no sé qué cuernos puse, para que no me salieran simbolitos % ni el nombre de la categoría a trozos...De todas formas, en cualquier momento podéis ir a la plantilla y cambiar el nombre de la etiqueta (previo renombrado en las entradas, claro está)

Y auquí dejo la dirección: Hoctro'sPlace