Breadcrumb no Blogger

18/08/2010

12
Breadcrumb é um menu de navegação para as páginas internas do blog. Serve para facilitar a navegação do blog.



Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.


Antes de  ]]></b:skin> cole o código abaixo.

/* Breadcrumbs---------------------------------------------*/
.home-breadcrumb h3{;text-shadow: 0 1px 1px #000;text-align: center;
font-size:32px;font-family:Arial, Tahoma, Verdana;font-weight:bold;margin: 20px 0 -15px 0;padding:13px 0px -13px 10px;}
.item-breadcrumb {background: #ffffff; border:1px dotted #1D6AAE; padding: 3px 0 3px 0; }
.index-breadcrumb{margin:0 0 10px 10px;}
.index-breadcrumb h3 a{font-size:0%;font-variant:small-caps;margin:0 0 0 45px;}
.item-breadcrumb{color:#ccc;font-size: 14px;margin:0 0 0 5px;}
.item-breadcrumb a:link,
.item-breadcrumb a:visited,
.item-breadcrumb a:hover{color:#0000C0;}
.item-breadcrumb a:hover{text-decoration:underline;}


Agora clique em "Expandir modelo de widget" Troque o código

<b:includable id='main' var='top'>
  <!-- posts -->
  <div class='blog-posts hfeed'>

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

    <data:defaultAdStart/>




Por este abaixo


<b:includable id='breadcrumb' var='posts'>
  <b:if cond='data:blog.homepageUrl == data:blog.url'>
  <!-- No breadcrumb on front page -->
  <b:else/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
       <div class='breadcrumbs'>
         Browse &#187;  <a expr:href='data:blog.homepageUrl' rel='tag'>Home</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 == &quot;true&quot;'> &#187;
                 <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
               </b:if>
             </b:loop>
             &#187; <span><data:post.title/></span>
           </b:if>
         </b:loop>
       </div>
    <b:else/>
      <b:if cond='data:blog.pageType == &quot;archive&quot;'>
        <div class='breadcrumbs'>
          Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/>
        </div>
      <b:else/>
        <b:if cond='data:blog.pageType == &quot;index&quot;'>
          <div class='breadcrumbs'>
          <b:if cond='data:blog.pageName == &quot;&quot;'>
            Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; All posts
          <b:else/>
            Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Posts filed under <data:blog.pageName/>
          </b:if>
          </div>
        </b:if>
      </b:if>
    </b:if>
  </b:if>
</b:includable>


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

12 comentários:

  1. Tentei fazer mas deu este erro: The element type "b:widget" must be terminated by the matching end-tag "" .
    Snif...

    ResponderExcluir
  2. Olá!
    Estou seguindo vc!
    Se houver interesse,siga-me!
    Meu blog:
    http://www.adeladialins1blogspotcom.blogspot.com

    FELICIDADES E ABRAÇOS A VC E OS SEUS!

    ResponderExcluir
  3. Oi Meri, obrigada. De fato o código estava errado. Beijos

    Edilene, basta colocar

    position: fixed;

    Maria Adeladia, obrigada por me seguir e obrigada pelo convite.


    Beijos meninas.

    ResponderExcluir
  4. Elke,
    colocar em qual local?
    :(

    Você tem tutotrial pra isto?
    (ou pode desenhar? rss
    :))

    ResponderExcluir
  5. axo q o código ta errado ainda !
    no meu blog está dando erro !
    Elke Ajuda ae :D

    ResponderExcluir
  6. ERRO :: The element type "b:widget" must be terminated by the matching end-tag ""

    ResponderExcluir
  7. elke ,
    é a barra fixa do topo, a que é tracejada em baixo,

    a barra fixa do footer , vc fez no meu template, lembra?

    e eu aprendi,
    agora no topo??????????????

    dificiiiiiiii

    ResponderExcluir
  8. Pessoal, mudei novamente, fiz testes, reinstalei 2 vezes, não é possível que ainda dê erro. :-(


    Vamos lá, testem e me digam que deu certo, hehhehehee

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.

Rede Liberdade | Todos os direitos reservados 2013 ©
Por Elke di Barros | Conheça o blog Templates e Acessórios