Breadcrumbs or breadcrumb trail is a navigation aid used in user interfaces dapat dipahami sebagai sebuah navigasi pada blog yang menunjukkan dan menginformasikan posisi penayangan "

Gambar dibawah ini mungkin bisa menjelaskan Breadcrumb



Untuk memasang sebuah breadcrumbs, cari kode HTML


<b:include data='top' name='status-message'/>
Jika sudah ketemu kemudian letakkan kode berikut tepat dibagian atas kode tadi:


<b:include data='posts' name='breadcrumb'/>
Selanjutnya cari kode html berikut:

<b:includable id='main' var='top'>


Kalau sudah ketemu, silahkan pasang kode snippet berikut ini untuk breadcrumb tepat diatas kode tersebut:


<b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType == "static_page"'> <div class='breadcrumbs'><span> <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div> <b:else/> <b:if cond='data:blog.pageType == "item"'> <!-- 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' rel="v:url" property="v:title">Home</a></span> <b:loop values='data:post.labels' var='label'> » <span typeof="v:Breadcrumb"> <a expr:href='data:label.url' rel="v:url" property="v:title"> <data:label.name/></a></span> </b:loop> » <span><data:post.title/></span> </div> <b:else/> <div class='breadcrumbs'><span> <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div> </b:if> </b:loop> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <!-- breadcrumb for the label archive page and search pages.. --> <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span> </div> <b:else/> <b:if cond='data:blog.pageType == "index"'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == ""'> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span> <b:else/> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span> </b:if> </div> </b:if> </b:if> </b:if> </b:if> </b:if> </b:includable>