Pasang Navigasi Breadcrumb di blogger

Breadcrumb, Breadcrumb itu sendiri merupakan Navigasi yang berisikan kategori atau label pada suatu postingan / artikel, untuk contohnya sobat bisa lihat tepat diatas judul Postingan ini, di situ terlihat jelas ada menu Navigasi yang berisikan seperti ini Home >> Blog >> Blogger >> SEO >> Tips dan Trik >> Pasang Navigasi Breadcrumb di blogger.




Dalam penggunaan Breadcrumb mempunyai manfaat diantaranya ialah untuk menunjukkan lokasi atau path dari sebuah halaman Artikel (Postingan) serta dapat memudahkan pengunjung melakukan navigasi perpindahan halaman dari halaman yang di kunjungi ke halaman sebelumnya

Yah dari pada bahas terlau panjang lagian mungkin yang lain sudah pada ngerti jadi kita langsung saja ke tahap Pemasangan Navigasi Breadcrumb di blogger :

1. Seperti biasa, login dulu ke blogger dengan account kepunyaat sobat,
2. Pilih Tata Letak
3. Pilih lagi Edit HTML dan jangan lupa mencentang pilihan pada kotak kecil Expand Template Widget
4. Letakka kode CSS berikut tepat diatas kode ]]></b:skin>
.breadcrumbs{ padding:5px 5px 5px 0; margin:0;font-size:95%; line-height:1.4em; border-bottom:4px double #cadaef}
5. Setelah itu, cari kode <div class='post hentry uncustomized-post-template'> lalu letakkan kode berikut tepat setelah kode tersebut
<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>
6. Jangan lupa di simpan dan coba sobat lihat hasilnya, maknyuskan?

sumber: meambo.blogspot.com

Artikel Terkait