Crea un índice de todas tus entradas en la sidebar (barra lateral)

Es probable que te interese mostrar las entradas que tiene una etiqueta concreta, una lista con los artículos pertenecientes a una categoría específica en la barra lateral de tu blog.

Con este truco, que nos ofrecían hace tiempo en Hoctro's Place, no solo podremos mostrar un índice personalizado sino que además podemos mostrar únicamente las categorías y la cantidad de ellas que deseemos.

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

Busca estas líneas en tu plantilla:

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>

Si no las encuentras, tal vez se deba a tu plantilla: pertenece a una de las nuevas que ofrece blogger.

En ese caso, busca una de estas líneas y sigue los pasos: Ver líneas

<b:section-contents id='sidebar-right-1'>

<b:section-contents id='sidebar-left-1'>

<b:section-contents id='sidebar-right-2-1'>

<b:section-contents id='sidebar-right-2-2'>

<b:section-contents id='sidebar-right-3'>

<b:section-contents id='sidebar-left-2-1'>

<b:section-contents id='sidebar-left-2-2'>

<b:section-contents id='sidebar-left-3'>

Y justo debajo introduce este gran bloque de código:

<b:widget id='HTML100' locked='false' title='Índice de entradas' type='HTML'>
<b:includable id='main'>
<!-- <b:if cond='data:blog.pageType == "item"'> -->
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='data2006'/>
<script type='text/javascript'>
var bldireccion_blog = &quot;DIRECCION BLOG.blogspot.com&quot;;
var blista_etiquetas = ["ETIQUETA 1","ETIQUETA 2","ETIQUETA 3","ETIQUETA 4","ETIQUETA 5","ETIQUETA 6"];
// Given a json label search, this function return the decoded label.
function getLabelFromURL(json) {
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
// The next two lines are borrowed from Ramani&#39;s Neo Template
// code. Thanks Ramani!
var label = raw.substr(raw.lastIndexOf(&#39;/&#39;)+1);
return decodeURIComponent(label);
}
}
}
function listEntries2(json) {
var ul = document.createElement(&#39;ul&#39;);
for (var i = 0; i &lt; json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(bldireccion_blog.length+21);

var label = getLabelFromURL(json);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;h4&#39;);
h.appendChild(txt);

var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2006&#39;).appendChild(div1);
}
}
}
function search2(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, &#39;http://&#39; + query + &#39;/feeds/posts/default/-/&#39; + encodeURIComponent(label) +
&#39;?alt=json-in-script&amp;callback=listEntries2&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
for (var i=0; i &lt; blista_etiquetas.length; i++)
if (blista_etiquetas[i])search2(bldireccion_blog, blista_etiquetas[i]);
</script>
</div>
<b:include name='quickedit'/>
<!-- </b:if> -->
</b:includable>
</b:widget>

Ahora tan solo tendrás que escribir el título de tu blog en donde dice DIRECCION BLOG, junto a var bldireccion_blog, pero sin el http:// ni el .blogspot.com (esto último ya está incluido).

Reempla en cada caso ETIQUETA 1, ETIQUETA 2, ETIQUETA 1... por las etiquetas que deseas mostrar, separadas por comas y recogidas entre comillas.

A continuación puedes ver una imagen del resultado:



Notas:

- No uses etiquetas que contengan la letra Ñ o que estén formadas por más de tres palabras ya que el truco no funcionará.

- Una vez guardes la plantilla, accede al apartado de Diseño>Elementos de la página pera "arrastrar" el gadget Índice y editar así su posición en la sidebar (no olvides guardar los cambios una vez termines).