Bagaimana Cara Membuat Breadcrumb Navigation?

Bagaimana cara membuat Breadcrumb Navigation?. Apa sebenarnya Breadcrumb Navigation itu? Bagaimana ya menjelaskannya. Untuk lebih mengetahuinya, coba Anda lihat gambar di bawah ini.

Bagaiman? Sudah faham dengan ilustrasi gambar di atas?

Jadi, Breadcrumb Navigation adalah penunjuk atau penanda posisi halaman/page yang kita buka. Pada saat kita membuka suatu halaman/page terdapat penanda bahwa kita masuk pada tab atau label tertentu dari blog atau web tersebut. Silahkan tambahkan opini Anda mengenai Breadcrumb Navigation jika dirasa paendapat Aa ini belum benar.

Bagaimana cara membuatnya?

Silahkan Anda lihat pada tutorial kali ini.

1. Sign In ke Acount Blogger Anda.

2. Pilih Tata Letak / Rancangan

3. Pilih Edit HTML

4. Ceklist Expand Tamplate Widget

5. Untuk menjaga kesalahan yang terjadi, ada baiknya Anda Download Full Template untuk Backup.

6. Cari kode di bawah ini, gunakan ctrl + f untuk mempercepat pencarian.

<div class='post hentry uncustomized-post-template'>

7. Copy dan Paste kode di bawah ini persis di bawah kode di atas tadi.

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

8. Anda pratinjau terlebih dahulu, jika code berjalan baik silahkan Anda Simpan Templatenya.

Selamat mencoba.