» » Membuat breadcrumb-navigation

Membuat breadcrumb-navigation

Diposting oleh Unknown Label: di 06:06
breadcrumb-navigation, seperti yang terlihat pada gambar berikut adalah model navigasi dari postingan kita biasanya dimulai dari beranda atau home.


lalu bagaimana cara membuatnya, berikutnya adalah langkahnya

  1. Log in ke blog sobat (bagi yang belum)
  2. Klik Layout
  3. Klik tab Edit HTML
  4. Klik Download Full Template (untuk membackup template sobat)
  5. Check atau centang small box Expand Widget Template

  6. Cari code ]]></b:skin>
  7. Copy paste code berikut, sebelum kode ]]></b:skin>
    .breadcrumbs{
    padding:5px 5px 5px 0;
    margin:0;font-size:95%;
    line-height:1.4em;
    border-bottom:4px double #cadaef;
    }
  8. Cari kode berikut,
    <div class='post hentry uncustomized-post-template'>
  9. Copy paste code berikut sebelum code <div class='post hentry uncustomized-post-template'>

    <b:if cond='data:blog.homepageUrl == data:blog.url'>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='breadcrumbs'>
    Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187;
    <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> &#187; <data:post.title/>
    </div>
    </b:if>
    </b:if>
  10. Click Save Template
  11. Selesai

Posting Komentar
Ayo berikan Komentarmu, karena satu komentar dari kamu itu sangat berarti bagi saya (^_^)

Back to Top