Instale breadcrumb no seu Blogger

Olá amigos Mult-focos vamos ver hoje como instalar breadcrumb no seu Blogger. Afinal o que é breadcrumb, qual a sua utilidade? Breadcrumb é sem duvida um recurso muito útil para seu visitante se localizar, saber onde esta e para onde pode ir a partir de onde se encontra. Breadcrumb é uma lista de links numa página mostrando o caminho navegado para chegar ao ponto atual, sendo mais direto o breadcrumb é um mapa de navegação bastante orientador para seu visitante.

Vamos a sua instalação, são dois passos bem fáceis, primeiro faça um backup do template. 1 - Vá ao painel do Blogger, e na guia modelo procure por "editar html", use Ctrl+F e localize o seguinte código <b:include data='top' name='status-message'/> Substitua por este código abaixo. <div id='breadcrumbs'> <b:if cond='data:blog.homepageUrl == data:blog.url'> <div class='breadcrumbs'> </div> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'> <a expr:href='data:blog.homepageUrl' rel='tag'> Início</a> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'>» <a expr:href='data:label.url' rel='tag'> <data:label.name/></a> <b:if cond='data:label.isLast != "true"'/> </b:loop> » <span class='post-title entry-title'> <data:post.title/> </span> </b:if> </b:loop> </div> </b:if> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <div class='breadcrumbs'> <a expr:href='data:blog.homepageUrl'>Início</a> » Arquivos de <data:blog.pageName/> </div> </b:if> <b:else/> <b:if cond='data:navMessage'> <div class='breadcrumbs'> <a expr:href='data:blog.homepageUrl'> Início</a> » Posts do Marcador: <a expr:href='data:label.url' rel='tag'><data:blog.pageName/></a><p align="right"> <span style="font-size: x-small"><a href="http://mult-focos.com/" target="_blank">Obtenha este Widget</a></span></p> </div> </b:if> </b:if> </div> 2 - Procure por: ]]></b:skin> e cole o código seguinte acima dele. #breadcrumbs { font-size: 92%; padding:5px; line-height: 1.4em; } você visualize a página para checar se esta tudo ok, mas o breadcrumb só aparecerá quando você salvar e ir em uma postagem, pois ele não aparece na página inicial. Conferiu ficou legal, vem a parte mais legal seu comentário não esqueça ok?