Pasang Navigasi Breadcrumb di atas judul posting

Dalam kesempatan ini saya akan membahas mengenai trik dan cara mempercantik serta memanipulasi Blogspot.
Dengan Navigasi ini,Blogspot akan terlihat lebih Professional,yang difungsikan untuk memudahkan pengunjung untuk menemukan artikel yang ingin di cari dan juga dapat mempermudah untuk kembali ke halaman sebelumnya, karena Navigasi Breadcrumb ini terdiri dari beberapa link yang berisikan label /kategori.
Contohnya terdapat diatas ini.
Cara membuatnya adalah sebagai berikut:

Login ke blogger

Pilih menu Rancangan dan klik Edit HTML

Centang Expand Widget Templates

Kemudian Cari kode ]]></b:skin>

Copy kode di bawah dan letakan di atas kode ]]></b:skin>

.breadcrumbs{ padding:5px 5px 5px 0; margin:0;font-size:80%; line-height:1.4em; border-bottom:4px double #cadaef}

Selanjutnya cari kode

<div class='post hentry'>

Jika tidak ada.cari kode yang intinya adalah

class='post hentry

Kemudian copy kode di bawah ini dan letakkan di bawah 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'> Posisi Anda &#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>

Terakhir simpan template