JMiur [E]

Breadcrumbs son .. migas de pan, el rastro que dejaban Hansen y Gretel para encontrar el camino de regreso a casa.

En una página web es eso que muchas veces vemos debajo del header y que nos indica dónde estamos y cuál es el "camino" par regresar al inicio de la página.


En Blogger, el único camino que podemos seguir es el que establece el elemento Archivos:

Inicio > Año > Mes > Entrada

Y eso eso es lo que hace este hack de purplemoggy que ya es bastante viejo pero que cumplo en explicar o, simplemente traducir ya que es muy sencillo de agregar.

¿Para qué sirve? En principio, ayuda a la navegación y eso siempre es bienvenido. De todas formas, si lo que tenemos es un blog con muchas entradas mensuales, la utilidad práctica es bastante relativa. No sé cuántos usuarios navegan a través de los archivos de meses o años, estimo que pocos porque no es algo que nos ayude demasiado a encontrar cosas.

Para implementarlo, debemos asegurarnos que la Configuración del blog sea correcta. En la solapa Archivo debe estar marcada esta opción:

Frecuencia de archivo

Vamos a la plantilla. Con los artilugios expandidos, buscamos el widget del blog:
<b:widget id="Blog1" locked="false" title="XXXXXXXXXX" type="Blog">
Y dentro de este, el LOOP de los posts:
<b:include data='top' name='status-message'/>
<b:loop values='data:posts' var='post'>
Allí, justo después de esa línea, agregamos lo siguiente:
<b:include data='post' name='breadcrumbs'/>
Por último, pondremos el código de ese INCLUDE. Para eso, lo más sencillo es ir hacia abajo hasta el final del widget:
</b:widget>
</b:section>
Y justo antes de </b:widget>, colocar el código correspondiente


Como todo elemento, podemos agregarle propiedades CSS agregándolas antes de ]]></b:skin>. Allí, todo queda librado a la imaginación peroe stas erían las definiciones elementales:
div.breadcrumbs { /* es el DIV contenedor */
/* puede tener fondo, bordes, etc */
margin: 10px 0;
padding: 4px 0 4px 10px;
}
div.breadcrumbs a { /* los enlaces del "camino" */ }
div.breadcrumbs span.bctitulo {/* el título de la entrada */}

8 comentarios:

Anónimo  

muy bueno, a ver si lo pruebo despues
Muy interesante tu blog la verdad...hace como una hora que lo estoy leyendo jeje....si queres pasa por el mio que recien esta empezando
saludos

Responder
Unknown  

me ha gustado lo de las miguitas de Hansen y Gretel :D buena semana!!!

Responder
Shark_Bloody  

Esta bueno, para los que no nos interesa integrar el elemento archivos :D

Aunque no me convence mucho, es lo mismo pero de diferente forma, quedaría genial si se pudiese modificar para navegar por las diferentes etiquetas

Responder
Ikanus  

Hola Jmiur, unas consultas, ¿el breadcrumb sirve para el seo? ¿en que enlaces crees debemos agregar la etiqueta de nofollow, aparte de por ejemplo del que va a un formulario de contacto?

Gracias,

Saludos,

Responder
JMiur  

Pués no, no sé hasta donde será útil y es una forma de navegar que por lo menos yo no utilizo :D

Ikanus: Sólo puedo responderte desde el sentido cómun. A mi juicio, el breadcumbs es un enlace irrelevante al igual que lo son los enlaces de los archivos y creo que ambos deberían tener una etiqueta nofollow. Indexar una página como esta no tiene mucho sentido:

http://miblog.blogspot.com/2008_06_01_archive.html

La regla genérica dice que deberíamos evitar indexar páginas como archivos, etiquetas, contacto, etc; o sea, todo lo que no sea la página principal y las entradas individuales.

Responder
Dewtux  

Muy bueno, lo he puesto en práctica en mi blog. Saludos!

Responder
Dra Orueta María  

Hola! Quería saber cómo agregar un enlace arriba de las entradas con el nombre de la entrada anterior y posterior...creía que esto servía, pero no sé cómo hacerlo. Gracias!

JMiur  

Fíjate en esta entrada.

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR