MEMBUAT MENU NAVIGASI BREADCRUMB

NAVIGASI BREADCRUMB
Navigasi breadcrumb adalah kumpulan beberapa LINKatau tautan yang memungkinkan anda untuk menemukan halaman dasar dari artikel yang sedang dibaca untuk lebih jelasnya anda dapat mengikuti langkah-langkah berikut ini.
Seperti biasa terlebih dahulu anda buka halaman dashbor blog lalu anda klik menu RANCANGAN.
Setelah itu akan tampil halaman layout blog kemudian pada halaman RANCANGAN,klik menu EDIT HTML.
Maka akan tampil halaman dari EDIT HTML tersebut,Lalu anda beri tanda cek pada bagian EXPAND TEMPLATE WIDGET.
Selanjutnya anda cari code ]]></b:skin>

dan copy paste code berikut ini : .breadcrumbs{padding:5px ;margin:5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal} letakkan tepat dibawah code ]]></b:skin> tadi.
Setelah itu kalian cari code :<b:includable id='main' var='top'> kalau sudah ketemu kalian copy paste code berikut ini tepat dibawahnya,dan ini codenya :<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 -->
<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'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</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 page and search pages.. -->
<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>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/> simpan dan lihat hasilnya.