Breadcrums, siguiendo el rastro del camino

Recuerda
que aunque yo pruebe los "trucos"
Antes de hacer ningún cambio
GUARDA SIEMPRE TU PLANTILLA
Nunca es seguro
que todo salga bien...

¿Te has fijado que al entrar en cualquiera de las páginas de mi blog a través del menú o las etiquetas, hay un texto en la parte de arriba de la página que te indica donde estas?
Es una buena forma de no perderte en un blog con muchas entradas ya que nos permite volver desde ahí a la categoría en la que estábamos o a la página de inicio.

Vamos a nuestra plantilla - HTML y marcamos la casilla "expandir plantillas de artilugios". Buscamos esta línea de código:

<b:widget id="Blog1" locked="false" title="Blog Posts" type="Blog">

Unas líneas de código más abajo, encontraremos el main principal:

<b:includable id='main' var='top'>

Justo encima de esto añadimos este código:

<b:includable id='breadcrumbs' var='post'>
<!-- Breadcrumbs hack. By Hoctro 9/11/2006 http://hoctro.blogspot.com -->
<b:if cond='data:blog.pageType == "item"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
Estas en:
<a expr:href='data:blog.homepageUrl' rel='tag'>Inicio</a> &gt;
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
</b:if>
</b:loop>
<b:if cond='data:post.title'>
&gt; <b><data:post.title/></b>
</b:if>
</b:if>
</span>
</p>
</b:if>
<!-- End of Breadcrums Hack -->
</b:includable>

Buscamos esta otra línea de código en la plantilla, estará unas líneas más abajo del código que acabamos de incluir:

<b:if cond='data:post.dateHeader'>

Pegamos esto, justo encima de la línea anterior:

<b:include data='post' name='breadcrumbs'/>

Finalmente añadimos el código necesario en el CSS, como suelo deciros, ante la duda lo colocamos justo antes de ]]></b:skin>:

.breadcrumbs {
border-bottom:1px dotted #000;
margin:2em 0 0.5em;
padding:0 0 0.5em;
}

Visto en: Hoctro´s