Rabu, 03 November 2010

Membuat Navigasi Breadcrumbs

Navigasi yang satu ini memuat label/kategori dari judul posting. Sehingga memudahkan bagi pengunjung mencari artikel/posting lain yang satu label/kategori dengan posting yang sedang dibaca. Navigasi ini terletak tepat di atas judul posting.

Berikut cara pembuatannya:
- Login ke blog
- Masuk ke menu Rancangan, klik Edit HTML
- Centang "Expand Widget Template"
- Supaya aman, silakan Download dulu template (klik Download Template Lengkap)
- Gunakan tombol F3, cari kode: ]]></b:skin>
- Copy lalu simpan kode di bawah ini, tepat di atas kode: ]]></b:skin>

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

- Kemudian cari kode berikut:

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

- Copy lalu simpan kode di bawah ini persis di bawah kode: <div class='post hentry uncustomized-post-template'>

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

- Terakhir klik tombol Save Template.
Selesai

Tidak ada komentar:

Posting Komentar