Fungsi Breadcrumb Untuk Navigasi Blog

Breadcrumb merupakan fitur navigasi yang biasanya terletak di atas judul artikel blog yang dimaksudkan untuk mengetahui posisi pengunjung berada dan mempermudah pengunjung untuk dapat cepat kembali ke posisi sebelumnya.

Dan jika menggunakan template bawaan dari blogger tidak disertai breadcrumb, Jadi mau tidak mau harus membuatnya sendiri. Memang sebuah breadcrumb tidaklah harus ada, akan tetapi akan lebih baik dalam hal navigasi dan sekaligus memperindah tampilan blog Anda.

Jika Anda ingin membuat breadcrumb atau memasang breadcrumb, Silahkan ikuti petunjuk di bawah ini :

• Login ke Blogger.
• Klik Template
• Edit HTML
• Cari kode  ]]></b:skin>
• Letakkan kode di bawah ini di atas kode ]]></b:skin>

      .breadcrumbs{

        padding:5px 5px 5px 0;

        margin:0;font-size:95%;

        line-height:1.4em;

        border-bottom:3px double #000000}

• Kemudian, cari kode seperti ini    <div class='post hentry'> , atau yang mirip-miriplah :-D, Oh ya gunakan CTRL+F untuk mempermudah ya.
• Letakkan kode di bawah ini tepat setelah kode   <div class='post hentry'>

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

• Simpan Template

Dalam template biasanya ditemui beberapa <div class='post hentry'> , Jika demikian lakukan cara coba-coba satu per satu dan preview template.