Tips Dan Menciptakan Sajian Navigasi Breadcrumb

NAVIGASI BREADCRUMB
Navigasi breadcrumb ialah kumpulan beberapa LINKatau tautan yang memungkinkan anda untuk menemukan halaman dasar dari artikel yang sedang dibaca untuk lebih jelasnya anda sanggup mengikuti langkah-langkah berikut ini.
Seperti biasa terlebih dahulu anda buka halaman dashbor blog kemudian anda klik sajian RANCANGAN.
Setelah itu akan tampil halaman layout blog kemudian pada halaman RANCANGAN,klik sajian EDIT HTML.
Maka akan tampil halaman dari EDIT HTML tersebut,Lalu anda beri tanda cek pada bab 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 sempurna dibawah code ]]></b:skin> tadi.
Setelah itu kalian cari code :<b:includable id='main' var='top'> jikalau sudah ketemu kalian copy paste code berikut ini sempurna 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.