18 de ago. de 2010

Breadcrumb no Blogger

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

.breadcrumbs {
font-size: 14px;
padding:5px;
font-weight: bold;
border: 1px dashed $bordercolor;
line-height: 1.4em;
}
.breadcrumbs a {
font-weight: bold;
color:$textcolor;
}

.breadcrumbs a:link, a:hover, a:visited {
font-weight: bold;
color: $linkcolor;
}


SALVE !!!



Clique em "Expandir modelos de widget"

Procure por:


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


Acima dele cole o seguinte código:


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



Agora procure por:


<!-- posts -->
<div class='blog-posts hfeed'>



E abaixo dele cole:


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

16 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. Elke como
    faz a barra fixa do topo?

    ResponderExcluir
  3. 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
  4. 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
  5. Elke,
    colocar em qual local?
    :(

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

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

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

    ResponderExcluir
  8. 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
  9. 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
  10. Também tentei fazer no carlossimbau.blogspot.com, e repetiu o título do post. Não erra desta forma que eu queria.

    ResponderExcluir
  11. elke, esta barra tem como, seguir o link da noticia ?
    Se nao
    qual o script?
    Edilene
    att.
    aguardo!

    ResponderExcluir
    Respostas
    1. Olha, os links que vc terá nessa barra são o da página inicial e de marcadores. Abraço.

      Excluir

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.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube