Sabtu, 14 Juli 2012

You are here : Home » TAMPILAN BODY » Cara Membuat You Are Here (Navigasi Breadcrumb)

Cara Membuat You Are Here (Navigasi Breadcrumb)

Apa yang di maksud Navigasi Breadcrumb itu ??

Kurang lebih semacam petunjuk untuk pembaca mengetahui letak posisi dia berada. Seperti ini nantinya.


Tentu Agan pernah melihatnya bukan ? Jika Agan ingin menerapkan di blog Agan, ikuti cara berikut. Ini akan di tempatkan persis di bawah tanggal postingan nantinya.

1. Masuk ke Template.

2. Klik Edit HTML. Pilih Lanjutkan.
__Centangkan Expand Template Widget.

2. Carilah kode seperti ini.
__Gunakan CTRL F untuk memudahkan pencarian.

<div class='post hentry

3. Biasanya kode di atas memiliki terusan, setiap template berdeda-beda. Seperti ini misalnya.

<div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

4. Ok, jika sudah menemukan kode tersebut, masukkan kode berikut di bawah kode tadi.

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div align='left' style='border-bottom:1px solid #940F04;font-size:10px;'>You are here : <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='nofollow'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop></b:if> &#187; <data:blog.pageName/></div></b:if>

5. Klik Simpan. Lalu bukalah salah satu artikel Agan untuk melihat hasilnya.

Ok selamat mencoba. 

2 komentar: