Membuat Breadcrumbs (Navigasi seperti di Joomla)

Breadcrumb adalah sebaris tautan internal pada bagian atas atau bawah laman yang memungkinkan pengunjung untuk menavigasi balik ke bagian sebelumnya atau ke laman dasar dengan cepat.

Breadcrumbs adalah navigasi pengarah yang melakukan tautan ke parent directory dari letak artikel yang sedang ditampilkan. Pada Blogger, parent directory dimodifikasi menjadi nama label dari artikel/potingan yang sedang ditampilkan.

Langsung saja langkah-langkah untuk membuat breadcrumbs adalah:

1. Login ke Blogger dengan akun blog yang kita miliki.
2. Pilih Rancangan/Design kemudian pilih Edit HTML, sebelum melakukan perubahan ada baiknya kita melakukan backup template blog dengan mendownload template sebelum dilakukan perubahan. Ceklist pada bagian Expand Widget Templates
3. Copy paste kode css di bawah tepat di atas kode ]]></b:skin>
.breadcrumbs{ padding:5px 5px 5px 0; margin:0;font-size:95%; line-height:1.4em; border-bottom:4px double #cadaef;}
4. Cari kode ini <div class='post hentry uncustomized-post-template'> atau <b:includable id='post' var='post'> dan copy paste kode di bawah ini tepat di bawah kode tadi.
<!-- breadcrumbs Start --> <b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'> <a expr:href='data:blog.homepageUrl'>Home</a> » <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url + "?&max-results=9"' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != "true"'> , </b:if> </b:loop> </b:if> » <data:post.title/> </div> </b:if> </b:if> <!-- breadcrumbs End -->
5. Save hasil perubahan kemudian lihat hasilnya.

Semoga Bermanfaat, selamat mencoba dan Good Luck ya...