Memasang Navigasi Breadcrumb Di HTML 5

Navigasi breadcrumb yang di pakai dalam optimasi SEO onpage masih banyak sebatas pada template ber HTML 4.

Berikut cara Memasang navigasi Breadcrumb di HTML 5:

*(Jangan lupa back up dulu template blog kalian,apabila terjadi kesalahan tidak merusak template blog kalian)*

Login ke aKun blogger kalian =>dashboard=> klik Rancangan=>Klik Edit HTML (jangan lupa
Centang Expand Widget ),

Cari kode <nav> (Gunakan F3 atau Ctrl+F)

Apabila ketemu,Copy kode di bawah ini dan letakan tepat di bawah kode <nav>.

<b:if cond='data:blog.homepageUrl ==
data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType ==
"item"'>
<div class='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.url'><data:post.title/
></a>
</div>
</b:if>
</b:if>

Dan bila selesai jangan lupa save template.

Alternative cara kedua.

Cari kode seperti di bawah ini:

<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a
expr:href='data:post.link'><data:post.title
/></a>

Dan apabila ketemu,copy kode di bawah ini:
Dan letakan di atas kode tersebut(di atas).

<b:if cond='data:blog.homepageUrl ==
data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType ==
"item"'>
<div class='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.url'><data:post.title/
></a>
</div>
</b:if>
</b:if>

Jangan lupa save template nya.

Mudah kan cara memasang navigasi breadcrumb pada template ber HTML 5.
Semoga bermanfaat.