Cara Membuat Navigasi Breadcrumb di Blog
Cara Membuat Navigasi Breadcrumb di Blog - Secara umum sebuah blog harus memiliki sistem navigasi yang jelas dan mudah digunakan oleh pengunjung, navigasi yang dimaksud adalah Home | About | Kebijakan | Contact. Mungkin beberapa blogger mengabaikan keberadaan navigasi ini tapi untuk lebih dekat dengan pengunjung sebaiknya sediakan mulai dari Contact dan sedikit ulasan tentang blog kita pada About Me. Jika navigasi tersebut ditujukan untuk memudahkan pengunjung dalam menjelajahi sebuah blog sedikit berbeda dengan navigasi breadcrumb.
Navigasi breadcrum lebih ditujukan pada sebuah postingan, dimana postingan tersebut berada, apa tag dan kategorinya, intinya navigasi ini memberitahukan pengunjung kategori dan tag sebuah postingan. Berikut cara membuat navigasi breadcrumb di blog:
<p class='info noprint'>
<b:if cond='data:blog.pageType == "item"'>
<a href='http://www.emingko.com/'>Home</a> »
<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>
»
</b:if>
<data:post.title/>
</b:if>
</p>
<b:if cond='data:blog.pageType == "item"'>
<a href='http://www.emingko.com/'>Home</a> »
<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>
»
</b:if>
<data:post.title/>
</b:if>
</p>
Copy dan letakkan kode di atas tepat di bawah kode <div class='post-header-line-1'/> ganti http;//www.emingko.com dengan URL Anda kemudian simpan template, akan nampak seperti contoh gambar di bawah.
Navigasi breadcrumb ini akan muncul di bawah judul postingan, biasanya teman-teman blogger menaruhnya di atas judul postingan tapi Saya rasa lebih SEO jika berada di bawah judul postingan - Cara Membuat Navigasi Breadcrumb di Blog.
Posting Komentar untuk "Cara Membuat Navigasi Breadcrumb di Blog"