Breadcrums o "Estás en: "

Sirven para indicar el camino realizado desde Inicio a la entrada que estamos leyendo.

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

2 comentarios:

Staff

Exelente!;) pasate x mi blog http://fire-zone.org.

Isaias Arredondo

Agregado!!

Gracias por el aporte mi estimado!

» Escribe tu comentario aquí:


Si quieres hacer alguna consulta sobre tu blog habilita tu perfil o deja un enlace a tu blog:
<a href="url-de-la-página">Texto enlace</a>

» O utiliza el antiguo formulario


Los comentarios están siendo moderados y publicados lo antes posible.



jesgo23 ©2008/2009 | Plantilla Blogger | Diseño jesgo Creative Commons License