Kalau anda tertarik membuat breadcrumb seperti web atau blog proffesional silakan ikuti tutorialnya di bawah ini :
1. Login Blogger » Pilih Rancangan » Klik Tab Edit HTML » Centang Kotak Expend Widget
2. Cari kode berikut mirip seperti: <div class='post hentry'>
atau ketikan hentry pada search (Tekan F3 untuk membuka search.
3. Copy kode berikut, dan simpan tepat di bawah kode <div class='post hentry'>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
<span class='Apple-style-span' style='font-family: Verdana, sans-serif;'>Your Are Here</span><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN54hELTpuG-_UQKQRwkkyDVfIlyczzWSv0KoSL65snfy_R_ubf1-9RzILtNAMOQVRBQVWN0gePDL8sh0-ujXcN21Vr9WnrelkqTeqzvmlQQyVtPUjuwfJ437qjM5rzG810ktQmk9e0Mw/s1600/kangsalman+crumb.gif'/> <a expr:href='data:blog.homepageUrl' rel='tag'>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>
<data:post.title/>
</div>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'>
<span class='Apple-style-span' style='font-family: Verdana, sans-serif;'>Browse</span><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN54hELTpuG-_UQKQRwkkyDVfIlyczzWSv0KoSL65snfy_R_ubf1-9RzILtNAMOQVRBQVWN0gePDL8sh0-ujXcN21Vr9WnrelkqTeqzvmlQQyVtPUjuwfJ437qjM5rzG810ktQmk9e0Mw/s1600/kangsalman+crumb.gif'/> <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
» Archives for <data:blog.pageName/>
</div>
</b:if>
Jika sudah selesai simpan template dan lihatlah hasilnya...
Jika ingin menggunakan kotak (border) dalam breadcrumb seperti situs web/blog professional, tambahkan saja kode berikut ini, dan pastekan tepat di atas ]]></b:skin> :
.breadcrumbs {Terakhir save/simpan
padding:8px 0px 10px 5px;
margin: 0px 0px 5px 0px;
font-size:88%;
border:1px double
#e6e4e3;
}
