Cara Meletakkan Navigasi Breadcrum Dibawah Judul Postingan

 

Ok, sebelumnya saya sudah berbagi tips bagaimana cara untuk Membuat Navigasi Breadcrum Berada Diatas Judul Postingan. Dan sekarang saya akan berbagi lagi Tips bagaimana Cara Meletakkan Navigasi Breadcrum Dibawah Judul Postingan.

Langsung saja ikuti tutorial dibawah ini :
* Pertama-tama silahkan sobat blogger login ke dasbor blog.
* Kemudian pilih Tab Rancangan, lanjut ke Edit HTML, dan centang Expand Template Widget.
* Silahkan sobat blogger cari kode berikut : <div class='post-header-line-1'/>
* Dan tempatkan kode dibawah ini tepat di bawah kode tersebut.

<b:if cond='data:blog.homepageUrl == data:blog.url'><b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>Anda berada di&#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>

Catatan : Untuk kalimat yang berwarna biru silahkan Anda ganti sesuai keinginan Anda.

* Setelah selesai jangan lupa save template sobat blogger agar perubahan tersimpan, dan lihat salah satu postingan sobat blogger untuk mengecek apakah berhasil atau tidak.

Selamat mencoba.
Thx to : N3 Forum & RaydIN3 Blog Site Team
Visit My Blog | Indonesia Blog Project