Pular para o conteúdo principal

Widget Guia de Navegação

Esse widget eu encontrei no Web Dois Ponto Zero e achei muito interessante (sempre quis ter um desses).
O Guia de Navegação é um widget que ajuda a mantermos sempre a visão da situação da página onde nos encontramos e rapidamente (através de um clique) voltarmos um nível (ou mais) acima.
Esse widget aparece em muitos sites. E também está disponível para o blogger/blogspot.
Guia Blogger - Dicas, Tutoriais e Templates 
 1. Vá em Layout > Editar HTML, faça um backup do seu template clicando em baixar modelo completo.
2. Marque a caixa Expandir Modelos de Widgets e procure (CTRL + F) por <b:includable id='main' var='top'> e imediatamente antes dele, cole esse código:
<b:includable id='breadcrumbs' var='post'>
<!-- Inicio do Widget -->
<b:if cond='data:blog.pageType == "item"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
Você está aqui:
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</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>
<!-- Fim do Widget -->
</b:includable>
3. Agora, procure por <b:if cond='data:post.dateHeader'> e cole ante dele, este código:
<b:include data='post' name='breadcrumbs'/>
4. Procure por ]]></b:skin>, antes dele cole este código:
.breadcrumbs {
border-bottom:1px dotted #000;
margin:2em 0 0.5em;
padding:0 0 0.5em;
}
O código anterior pode ser alterado para se adaptar ao seu template.
5. Salve e pronto!

P.S.: Ele só aparece nas páginas individuais.

Postagens mais visitadas deste blog

Mudar Imagem ao Passar o Mouse

A interatividade é o que muitas vezes (quando combinada com bom conteúdo) faz com que os leitores gostem e voltem a visitar o seu site. Nesse tutorial você aprende um código em JavaScript que altera a imagem quando o cursor do mouse passa sobre ela.

E-Referer - De onde vem seus visitantes?

O site E-Referer oferece uma ferramenta gratuita que mostra a origem dos visitantes do seu blog e a quantidade de visitas que lhe enviou.