Cara Buat Navigasi Breadcrumb GOGLE

Cara memasang breadcrumb navigation sebagai berikut:
1. Login ke blogger.com
2. Klik Tata Letak.
3. Pilih tab Edit HTML
4. Click Download Full Template
5. Kemudian beri tanda centang pada kotak kecil di samping "tulisan Expand Template Widget".
6. Silahkan cari kode ]]></b:skin> dan letakkan diatasnya

kodenya :

.breadcrumbs{ 
margin-left:10px; 
padding: 5px 0; 
border-bottom: 1px dotted; 
line-height:1.4em; 
} 

Kemudian sobat cari kode <b:include data='top' name='status-message'/> biasanya ada 2 kode tersebut. letakkan pada ke2nya supaya tidak bingung

kodenya :
<b:include data='posts' name='breadcrumb'/> 

Cari kode <b:includable id='main' var='top'> dan kalau sudah ketemu, paste kode berikut tepat di atas kode <b:includable id='main' var='top'> 

kodenya :

<b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <!-- breadcrumb for the post page www.wakrizki.net --> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'> <span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span> <b:loop values='data:post.labels' var='label'> &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span> </b:loop> &#187; <span><data:post.title/></span> </div> <b:else/> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div> </b:if> </b:loop> <b:else/> <b:if cond='data:blog.pageType == &quot;archive&quot;'> <!-- breadcrumb for the label archive and search pages www.wakrizki.net --> <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span> </div> <b:else/> <b:if cond='data:blog.pageType == &quot;index&quot;'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == &quot;&quot;'> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span> <b:else/> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span> </b:if></div></b:if></b:if> </b:if> </b:if> </b:if> 

Selesai