Viajar por Europa

mayo 28, 2011

breadcrump o migas de pan para tu blog

Breadcrupm significa migas de pan y en blogger un rastro que dejas en la cabecera del blog para ayudar al lector, en cada momento sabe como volver a Home paso a paso, por si le interesa dar un vistazo al grupo de entradas anteriores al post que está leyendo. Es resumen el Breadcrupm es otra etiqueta más y por lo que dicen ayuda al posicionamiento. En cierta medida es lógico que así sea, ya que es una ayuda al lector y ya sabemos que SEO se fija en todas estas pijotadas.


Para incluirlo en la cabecera de tus páginas  primero entra en Diseño --> Edición de HTML --> Expandir plantillas de artilugios. Ahora busca este código (ya sabes CTRL+F copiar y pegar)  y agrega lo que está en rojo tal como se indica.

La verdad esto lo he encontrado en un blog en ingles, lo he incluido en uno de mis blogs nuevos de blogger y funciona.


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

<!-- posts -->

<div class='blog-posts hfeed'>

<!-- disable default status message
<b:include data='top' name='status-message'/>

default status message disabled -->

<b:include data='posts' name='breadcrumb'/>
<data:adStart/>

Luego un poco más arriba busca esta línea:

<b:includable id='main' var='top'>Y arriba de ella agrega lo siguiente:

<b:includable id='breadcrumb' var='posts'>

<b:if cond='data:blog.homepageUrl == data:blog.url'>

<b:else/>

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

<div class='breadcrumbs'>

Estás en: <a expr:href='data:blog.homepageUrl' rel='tag'>Inicio</a>

<b:loop values='data:posts' var='post'>

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

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

» <span><data:post.title/></span>

</b:if>

</b:loop>

</div>

<b:else/>

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

<div class='breadcrumbs'>

Estás en: <a expr:href='data:blog.homepageUrl'>Inicio</a> » Archivos de <data:blog.pageName/>

</div>

<b:else/>

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

<div class='breadcrumbs'>

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

Estás en: <a expr:href='data:blog.homepageUrl'>Inicio</a> » Todas las entradas

<b:else/>

Estás en: <a expr:href='data:blog.homepageUrl'>Inicio</a> » Entradas etiquetadas bajo <data:blog.pageName/>

</b:if>

</div>

</b:if>

</b:if>

</b:if>

</b:if>

</b:includable>

Añadele formato antes de ]]></b:skin> inserta las lineas siguientes.


.breadcrumbs {

border-top: 1px ridge #9900ff;


border-bottom: 1px ridge #9900ff;

background: #D8D8D8; /* color de fondo */

padding: 5px;

margin-top: 10px;

margin-bottom: 10px;

}

No hay comentarios:

Publicar un comentario

Si haces un comentario procura que no sea anónimo y si estás solicitando algo al menos espero que votes en Google Plus. Saludos.