Cara Membuat Navigasi Breadcrumb di Blog (ver1) ♥ Abenk Home

Friday, February 3, 2012

Home » , , , » Cara Membuat Navigasi Breadcrumb di Blog (ver1)

Cara Membuat Navigasi Breadcrumb di Blog (ver1)

Menu/Navigasi Breadcrumbs adalah navigasi yang berada di bagian atas posting dan menunjukkan urutan isi halaman dari rootnya (Home) hingga ke posting/artikel.

Menu ini sering ditemui di blog/website berplatform WordPress, dimana urutan navigasinya dimulai dari Home > Parental Category > Subcategory > Posting. Di Blogger/Blogspot, kita juga dapat melakukan hack navigasi breadcrumbs dengan berdasarkan pada label: Home > Label > Posting. Menu ini akan muncul pada halaman posting, label, arsip, dan tidak muncul di bagian homepage.

1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut <b:if cond='data:post.title'> dan Tambahkan kode berikut ini Tepat Setelah Kode <b:if cond='data:post.title'>
<b:if cond='data:blog.pageType == "item"'>
<a href='http://namablog.blogspot.com/'>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 != "true"'>,</b:if>
</b:loop>
&#187;
</b:if>
<data:post.title/>
</b:if>

7. Kita ganti namablog dengan subdomian blog kita sendiri. dan Simpan Template jika sudah selesai.

Copy Codenya DISINI

Selamat Mencoba
Tags: Cara Membuat Navigasi Breadcrumb di Blog (ver1)

0 Ocehan: