Cara Membuat Navigasi Breadcrumb Pada Blog Seri 2

Cara Membuat Navigasi Breadcrumb Pada Blog Seri 2 - Seperti yang saya katakan pada tutorial navigasi breadcrumb ini mempunyai beberapa tutorial untuk membuat navigasi breadcrumb, apabila kamu sudah melihat tutorial pertama  , silahkan kamu liat di link ini cara pertama membuat navigasi breadcrumb apabila cara pertama belum bisa tenang saya masih ada cara lain ,, tinggal dicocokan saja dengan blog kamu

Buat Navigasi Breadcrumb Blog Seri 2

 navigasi breadcrumb Seri 2

Sebelum buat navigasi breadcrumb blog ini jangan lupa save dulu template anda untuk jaga-jaga bila ada kesalahan
1. Login ke blogger.
2. Pilih menu (Layout) »Edit HTML.
3. Periksa tulisan Expand Template Widget.
4. Cari kode berikut.

]]></b:skin>

Sisipkan kode berikut ini tepat di atas kode

]]></b:skin>

copy paste kode ini:

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

5.Sisipkan kode berikut tepat di bawah kode

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

copy paste kode ini:

<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'>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>

6. simpan hasil modifikasi
7. Dan lihat hasilnya di blog Anda ,, mudah kan ..

Selamat menikmati cara buat navigasi breadcrumb Blog Seri 2 , bila anda masih tidak cocok  dengan cara buat navigasi breadcrumb ini silahkan lihat posting saya yang lain
- cara membuat navigasi breadcrumb
- cara membuat navigasi breadcrumb seri 3