Breadcrums: seguir el camino en tu blog.

Para no perderte en un blog mientras navegas por él, esta fórmula es de mucha utilidad. Se trata de hacer algo similar a lo que ves en la imagen siguiente:

Según este método siempre sabrás dónte estás, y como volver atrás o ir hacia otro lado.

(Recuerdo que previamente habrá de estar eliminado el recuadro "Mostrar entradas con la etiqueta..." tal y como se indica en una entrada anterior.)

■El método a seguir es:

1. Ir a Diseno - Edición HTML - Tildar "Expandir plantillas de Artilugios"





2. Buscar la línea con Ctrl+F:



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


3. Unas líneas más abajo (con paciencia) aparece:


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



4. Encima de la linea anterior añadimos este código:

<b:includable id='breadcrumbs' var='post'>

<!-- Breadcrumbs hack. By Hoctro 9/11/2006 -->

<b:if cond='data:blog.pageType == "item"'>

<p class='breadcrumbs'>

<span class='post-labels'>

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

Te encuentras 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>

5. Buscamos la siguiente línea en la plantilla (unas líneas más abajo del código que acabamos de incluir):


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



Pegamos el siguiente código encima de la línea anterior:


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



Al final se coloca un código CSS para darle un poco de forma y color. Siempre antes de ]]></b:skin>

(el que está en mi blog)


.breadcrumbs {

border-bottom:1px dotted #000;

margin:2em 0 0.5em;

padding:0 0 0.5em;

}



6. Hacemos "Vista Previa".

7. Guardar plantilla.


(Fórmula antigua de Hoctro's y que todavía funciona bien. Es muy útil)

(Otro apunte más para no olvidarlo)

La frase "Te encuentras en:" o cualquiera similar irá en negrita si se coloca entre <b></b>

Los códigos del tipo < o &gt; pueden ser sustituidos por otros caracteres básicos de HTLM