Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

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).

Fuentecillas dice...

Hola Jaime.
¡¡¡Esto tiene una pinta estupenda, para no variar¡¡
Ahora bien, quien se atreva a liarla sin el profe cerca? .
yo soy una cobarde, lo único crear un blog de pruebas y ensayar todo y todo.
Gracias por todo y todo ( Aunque me repita) por todo lo que nos enseñas.
Saludos

Jaime Trujillo Escobedo dice...

En ese caso, un blog de pruebas es la solución, Fuentecillas. Siempre y cuendo no desees el tener que estar haciendo copias de seguridad regularmente ;).

Soy yo el que debe agradecerte los comentarios ya que animan bastante.

¡Saludos!

Daniel dice...

si es que a alguien le aparece el titulo del gadget sin contenido, podria ser por esto:

estuve gueando un kilo para poder ponerselo a un blog, despues que ya se lo habia puesto a otro sin problemas, todo se debia a que el blog esta sin permisos.

Fernando dice...

Excelente artículo de un gran blog, hace que modificar un blog parezca cosa de niños.

Gracias.

Jaime Trujillo Escobedo dice...

Gracias por la recomendación, Daniel.

Me alegra mucho que te resulte sencillo, Dead Unlock.

www.asiecah.blogspot.com dice...

este codigo no aparece en mi plantilla, ayudame por favor

Jaime Trujillo Escobedo dice...

Asiecah, revisa la entrada ya que he incluido un paso con la solución a tu problema.

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo