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.
Cara Membuat Menu Breadcrumbs sebagai berikut :
- Login ke blogger
- Pilih Rancangan
- Pilih Edit HTML
- Conteng 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;
}
- Setelah itu cari kode
<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
Terima kasih telah membaca Artikel Cara Membuat Breadcrumb Menu Pada Blog . Jika Anda ingin Copy Paste Artikel ini, Harap cantumkan Link Cara Membuat Breadcrumb Menu Pada Blog sebagai sumbernya.
0 komentar:
Post a Comment