Membuat Page Navigation (Breadcrumb)

Lihat Tulisan diatas judul Posting, yang ini :
(Home>Cara Membuat Readmore (Versi 1)>Cara Membuat Readmore) pada gambar diatas. Itulah yang akan kita ganti. Ini caranya :

1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Edit HTML" trus kasih centang tanda "Expand Widget Templates"

3. Copy Kode ini dan paste diatas kode ]]></b:skin>

.breadcrumb {
float: left;
width: 590px;
font-size: 11px;
margin: 0px 0px 20px 0px;
padding: 0px 0px 3px 0px;
border-bottom: double #EAEAEA;
}

+ Silahkan modifikasi sendiri kode CSS diatas sesuai dengan Template mu.

4. Copy Kode ini dan paste dibawah kode <div class='post hentry uncustomized-post-template'>

<b:if cond="data:blog.pageType == &quot;item&quot;">
<div class="breadcrumb">

<a href="data:blog.homepageUrl">Home</a>
<b:if cond="data:post.labels">
&gt;
<b:loop values="data:post.labels" var="label">
<a href="data:label.url" rel="tag"><data:label.name></data:label.name></a><b:if cond="data:label.isLast != &quot;true&quot;">,</b:if>
</b:loop>
</b:if>
&gt; <data:post.title>
</data:post.title></div>
</b:if>
<b:if cond="data:navMessage">
<div class="breadcrumb">
<a href="data:blog.homepageUrl">Home</a> &gt; <data:navmessage>
</data:navmessage></div>
</b:if>

6. Save Template dan Selesai

+ Lihat gambar dibawah ketika kamu klik Label / Kategori Blog mu yang sudah dipasangi Page Navigation (Breadcrumb). Akan muncul kotak Showing posts with label Cara Membuat Readmore (Versi 1). Show all posts

Tidak rapi kan?. Nah untuk cara supaya rapi silahkan lihat Tutorialnya disini Menghilangkan "Showing post with label...show all ...

Hasilnya setelah menerapkan Tutorial Menghilangkan "Showing post with label...show all ... seperti ini :