Cara Membuat Navigasi Breadcrumb

Cara membuat navigasi breadcrumb - Masih tentang tutorial blogspot, kali ini Blogmob ingin share tentang cara membuat navigasi breadcrumb

Navigasi Breadcrumb merupakan salah satu plugin milik WordPress yang berfungsi untuk memudahkan pembaca dalam menelusuri sebuah halaman blog, jadi ibarat sitemap atau peta di dalam blog.
Selain dapat memudahkan pembaca dalam mengetahui lokasi yang sedang di telusuri, plugin ini juga berperan penting dalam optimasi search engine (SEO).

Berikut langkah-langkah memasang navigasi breadcrumb :

1. Langsung tuju blogger.com
2. Masuk ke Rancangan dan klik Edit HTML
3. Centang 'Expand Template Widgets'
4. Cari kode <b:if cond='data:post.title'>
5. Kemudian letakkan kode berikut dibawah kode yang diatas

<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumb'>
<a expr:href='data:blog.homepageUrl' rel='tag'>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/></div></b:if>

6. Selanjutnya cari kode ]]></b:skin>
7. Letakkan kode CSS berikut tepat diatas kode ]]></b:skin>

.breadcrumb {padding:5px 5px 5px 0px; margin:0px 0px 10px 0px; font-size:90%; line-height:1.2em; border-bottom:2px double #e6e4e3;}

8. Save/Simpan dan lihat hasilnya

Selamat mencoba dan semoga bermanfaat terutama bagi yang sedang belajar ngeblog.

Note : kode pada setiap template mungkin berbeda-beda, jadi silahkan disesuaikan saja kode diatas pada template masing-masing.

Salam Blogger Mobile