Membuat menu navigasi berurutan di atas artikel posting atau istilahnya disebut breadcrumb,merupakan cara efektif untuk memberikan kemudahan pengunjung dalam melihat kategori posting suatu blog.Disamping itu dari segi seo(search engine optimization),Google sudah support/mendukung breadcrumb ini.
Untuk melihat hasil dari sebuah blog yang sudah membuat breadcrumb/menu navigasi diatas posting bisa lihat gambar.
Cara Membuat Menu Breadcrumbs sebagai berikut :
- Login ke blogger
- Pilih Rancangan
- Pilih Edit HTML
- Contreng EXpand Widget Templates
- Cari kode ]]></b:skin> gunakan Ctrl + F untuk memudahkan pencarian
- Copy paste kode berikut di atas kode ]]></b:skin>
#breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:10px;
line-height: 1.4em;
border-bottom:3px double #333;
}
<div class='post hentry uncustomized-post-template'> atau <div class='post hentry'>
- Letakkan kode dibawah ini tepat dibawah kode di atas
<b:if cond='data:blog.pageType == "item" '>
<div id='breadcrumbs'>
Browse: <a expr:href='data:blog.homepageUrl'>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> > <a expr:href='data:post.link'><data:post.title/></a>
</div>
</b:if>
- Simpan Template dan selesai
Baca juga :
Title : Cara Membuat Breadcrumb Menu Pada Blog
Description : Membuat menu navigasi berurutan di atas artikel posting atau istilahnya disebut breadcrumb,merupakan cara efektif untuk memberikan kemudah...