Boas tardes e ótima 5 feira ,venho trazer uma partilha ,durante a semana fica dificil arranjar tempo para postar ,mas quando tenho um tempinho sempre trago alguma partilha.
Trago aqui uma partilha de breadcrumbs para blog mas aplicáda de outra forma como irá visualizar o resultado final é como está na imagem acima.
Veja online :  ENTRE AQUI...
Pronto vamos lá...

Antes de tudo faça uma cópia do seu template...

Vamos colocár o css entre no seu painél depois modelo e click editar html e procure este código:


Agora acima desse código coloque o meu:


/**--inicio breadcrumbs  http://best-tuga.blogspot.pt/--**/
.bt-breadcrumb {
list-style: none;
overflow: hidden;
text-align: left;
color: #ccc;
text-shadow:-1px 1px 1px #000000;
width: 560px;
font-size: 13px;
z-index: 9;
border: 4px double #e80c64;
margin-top: 15px;
border-radius: 5px;
background: #b7c0e5;-moz-box-shadow: 0px 2px 2px #000000;
-webkit-box-shadow: 0px 2px 2px #000000;
box-shadow: 0px 2px 2px #000000;
}
.section {margin:auto;}
.bt-breadcrumb ul{margin:auto;}
.bt-breadcrumb li {
position: relative;
display: block;
color: #f56aad;
float: left;
padding: 5px;
margin:5px;
text-decoration: none;
border-radius: 5px;
border: 3px double #989898;}

Certo agora vamos colocár o html procure este código:


Coloque o meu código:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='bt-breadcrumb'><ul>
<li><a expr:href='data:blog.homepageUrl' rel='tag'>Voltar ao inicio</a> ➲</li><li>
<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 != &quot;true&quot;'></b:if>
</b:loop>

</b:if></li><li>
<data:post.title/></li></ul>
</div>
</b:if>

Agora no meu tema de teste eu coloquei o código acima de post-footer-line post-footer-line-3,,,
mas depende de template caso não resulte no seu coloque abaixo footer-line-2 ou acima ...
Veja como está no meu template:


Foi esta a partilha que trouxe espero que seja útil ,alguma dúvida disponha ,até mais...

1 comentários:

comentários
 
 
Back to top

Estatísticas

  • Postagens
  • Comentários
  • Visualizações
🔗 Contato✔ Apoio 🔗
Reservado © 2016 ❝ Autôr