Todas tus entradas. Archivo del blog

Blogger lleva "de serie" un artilugio llamado Archivo del Blog, que puedes añadir fácilmente desde Diseño-->Elementos de Página-->Añadir Elemento-->Archivo del Blog.

Primero explicamos las opciones que existen y al final de la entrada, un truquillo.

La utilidad nos da la opción de elegir entre estos tres estilos:

** Jerarquía. Se muestran las entradas clasificadas por fechas, pudiendo escoger entre agruparlas por meses, semanas o días. Recomendable la primera opción en la mayoria de los casos. Dentro de cada apartado, las flechitas sirven para ir desplegando los elementos que contienen. Se puede seleccionar si mostrar los títulos de las entradas o no y si las fechas se verán en orden ascendente o descendente. Tiene este aspecto:

▼ 2006
▼ mayo
		+ Título de entrada 1
		+ Título de entrada 2
		+ Título de entrada 3
► abril
► marzo
► 2006

** Lista. Una lista sencilla por meses, semanas o días. Sin opción de desplegar. NO se pueden ver los titulos de las entradas, sólo ordenar las fechas.

o mayo

o abril

o febrero

** Menú desplegable. Su nombre lo indica: un menú en una sola línea con una flechita para desplegar su contenido y poder seleccionar la fecha deseada. En este caso como la lista... sólo se puede configura la periodicidad de los archivos y su orden. Ideal si quieres que este artilugio ocupe poco espacio.

MayoAbrilMarzoFebrero

---

Para la primera opción, la de la Jerarquía, algunos me han preguntado como hacer para que salgan todas las entradas desplegadas. Esto puede ser útil para que este artilugio haga las veces de mapa del web.

A continuación se muestra el código completo del widget y en verde-negrita está marcado todo lo que hay que borrar para que salga todo desplegado. Es una chapucilla, por lo que tiene un inconveniente, pero es muy pequeño: para volver a plegar, en lugar de hacer click una vez, hay que hacerlo dos veces. Son en total 3 cosas a borrar: una expresión (incluido el símbolo +), una línea completa y un bloque de líneas. Darle a Vista previa antes de grabar.

Ver código

<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' expr:href='data:widget.actionUrl + "&amp;action=toggle" + "&amp;dir=close&amp;toggle=" + data:interval.toggleId + "&amp;toggleopen=" + data:toggleopen'>
<span class='zippy toggle-open'>&#9660; </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + "&amp;action=toggle" + "&amp;dir=open&amp;toggle=" + data:interval.toggleId + "&amp;toggleopen=" + data:toggleopen'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
&#9668;
<b:else/>
&#9658;
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
</b:widget>

De todas formas, si quereis prescindir de las fechas y de las flechas, buscar esta otra parte del código:

<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
<li expr:class='"archivedate " '>

<b:include data='i' name='toggle'/>

<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>

Si se elimina la primera línea en verde-negrita, desapareceran las flechas para desplegar. Si se eliminan las otras dos siguientes, desaparecen las fechas.
Si eliminais las tres, tendreis una simple relación de entradas ordenadas por fechas.

Para que la relación desplegada no os ocupe mucho espacio, la podeis esconder con este otro truco y que el usuario pulse para plegar o desplegar la lista completa.

Actualización: Susana nos hace ver que el truco funciona correctamente en Firefox, pero que en IE deja líneas en blanco entre las entradas de meses distintos. Lamentablemente no puedo aportar una solución.

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir

Twitter

Pinterest

Facebook

Linkedin

Copy URL

Compartir

Twitter

Pinterest

Facebook

Linkedin

Y muchos más artículos interesantes si nos sigues en...

• Google
• Facebook
• Twitter