Breadcrumb dan Cara Menampilkan Breadcrumb Dalam Postingan

Apa Itu Breadcrumb?
Breadcrumg adalah indikator directory yang biasanya terletak diatas judul postingan untuk memberitahukan kepada visitor bahwa postingan yang sedang mereka baca berada dilabel atau archive mana!!
Ini juga menpermudah sistem robots mengindex postingan anda hingga bagus untuk SEO.
Contoh Breadcrumb seperti gambar dibawah:

Bagaimana membauat/menampilkan Breadcrumb dipostingan?
Langsung saja Srigala Senja sajikan yua!!

1. Login ke blogger
2. masuk Dasbor>Rancangan/Design>Edit HTML
   centang Expand Widget Template Sebaiknya Download Template anda dulu
   
3. Cari Kode <b:include data='top' name='status-message'/>
   biar mudah klik F3 lalu ketik kode tersebut.
4. Ganti dengan kode
   <b:include data='top' name='status-message'/>
   <b:include data='posts' name='breadcrumb'/>
5. Cari lagi kode
   <b:includable id='main' var='top'>
6. Ganti dengan
   <b:includable id='breadcrumb' var='posts'><br /> <b:if cond='data:blog.homepageUrl == data:blog.url'><br /> <!-- No breadcrumb on home page --><br /> <b:else/><br /> <b:if cond='data:blog.pageType == "item"'><br /> <!-- breadcrumb for the post page --><br /> <p class='breadcrumbs'><span class='post-labels'><br /> <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a><br /> <b:loop values='data:posts' var='post'><br /> <b:if cond='data:post.labels'><br /> <b:loop values='data:post.labels' var='label'><br /> <b:if cond='data:label.isLast == "true"'> »<br /> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><br /> </b:if><br /> </b:loop><br /> <b:else/><br /> »Unlabelled<br /> </b:if><br /> » <span><data:post.title/></span><br /> </b:loop><br /> </span><br /> </p><b:else/><br /> <b:if cond='data:blog.pageType == "archive"'><br /> <!-- breadcrumb for the label archive page and search pages.. --><br /> <p class='breadcrumbs'><span class='post-labels'><br /> <a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/><br /> </span><br /> </p><b:else/><br /> <b:if cond='data:blog.pageType == "index"'><br /> <p class='breadcrumbs'><span class='post-labels'><br /> <b:if cond='data:blog.pageName == ""'><br /> <a expr:href='data:blog.homepageUrl'>Home</a> » All posts<br /> <b:else/><br /> <a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/><br /> </b:if><br /> </span><br /> </p></b:if><br /> </b:if><br /> </b:if><br /> </b:if><br /> </b:includable><br /> <b:includable id='main' var='top'>
   co-pas z yap!
7. Berikutnya kembali cari kode
   ]]></b:skin>
8. Ganti lagi kode tersebut
   .breadcrumbs {
   padding:5px 5px 5px 0px;
   margin: 0px 0px 15px 0px;
   font-size:95%;
   line-height: 1.4em;
   border-bottom:3px double #e6e4e3;
   }
   ]]></b:skin<
9. Save & Selamat mencoba