Cara membuat navigasi breadcrumb

Selamat pagi, siang, sore, malem, biar ngak kurang. Kembali lagi, di deawapedia, nah sekarang kembalilagi di sekmen tips dan trik blog, nah sekarang saya akan memberikan cara membuat navigas breadcrumb, navigasi breadcrumb merupakan suatu tulisan alamat artikel kita, contoh Browser >> Home >>Dan trik blogspot >> Membuat Navigasi Breadcrumb.

Nah apakah anda mau memasangnya di blog anda, jika ya, ayo ikuti cara berikut.

1. Masuk ke halaman dasbor,

2. Klik tata letak,

3. Klik Edit Html,

4. Lalu bacup semua tema blog anda ke notepad, atau yang lainya,

5. Lalu centang tulisan Expland Widget Template,

6. Cari code ini, gunakan fasilitras find(ctrl+f)

]]></b:skin>

7. Lalu copy code dibawah ini, di atas code tadi,

.breadcrumbs {

padding:5px 5px 5px 0px;

margin: 0px 0px 15px 0px;

font-size:95%;

line-height: 1.4em;

border-bottom:3px double #e6e4e3;

}

8. Lalu cari code ini,

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

9. Lalu copy code dibawah ini, lalu paste dibawah code 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' rel='tag'>Home</a>

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.labels'>

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;

<a expr:href='data:label.url' rel='tag'><data:label.name/></a>

</b:if>

&#187; <span><data:post.title/></span>

</b:loop>

</b:if>

</b:loop>



</div>

</b:if>

<b:else/>

<b:if cond='data:blog.pageType == &quot;archive&quot;'>

<div class='breadcrumbs'>

Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/>

</div>

</b:if>

<b:else/>

<b:if cond='data:navMessage'>

<div class='breadcrumbs'>

<data:navMessage/>

</div>

</b:if>

</b:if>

10. Lalu simpan hasil kerja anda,

Semoga berhasil……….