Kali ini Saya akan membahas cara membuat navigasi breadcrumb.
Manfaat membuat navigasi breadcrumb, untuk mempermudah navigasi blog (mempermudah pengunjung blog kita untuk menelusuri tulisan-tulisan yang ada di blog kita). Selain itu juga bisa meninggkatkan page view blog kita dengan navigasi yang mudah. Dan yang terakhir dengan membuat navigasi breadcrumb kita dapat, bisa mengoptimalkan blog kita di search engine dengan keyword yang muncul di breadcrumb.
Berikut cara membuatnya :
- Login ke blogger.com, jika sudah,
- Pilih Template → Edit HTML → centang Expand Template Widget
- Cari kode <b:if cond='data:post.title'>
- Tambahkan kode berikut ini di bawah kode <b:if cond='data:post.title'>
<b:if cond='data:blog.pageType == "item"'>
<a href='http://namablog.blogspot.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>
<a href='http://namablog.blogspot.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>
- Ganti tulisan warna merah dengan nama blogmu
- Simpan dan lihat hasilnya
Selamat Mencoba !
Tidak ada komentar:
Posting Komentar