cara mudah membuat breadcrumb di blog

ada yang belum tahu bread crumb dari pada dijelasin mending langsung aja lihat gambarnya deh biasanya orang lebih bisa mengetahui maksud nya dari gambar bukan

letaknya diatas judul postingan kita ini berguna untuk navigasi pada blog kita
lumayan lah buat memberikan kesan blog yang memanjakan visitornya,

kalau anda tertarik untuk membuat yang satu ini mari kita ikuti cara nya:

1.yang paling pertama adalah masuk ke akun blogger anda

2.yang kedua adalah masuk ke menu rancangan

3.EDIT HTML
4.cari kode  ]]></b:skin>

5.dan paste code dibawah ini tepat diatas kode ]]></b:skin>

.breadcrumbs {

padding:5px 5px 5px 0;

margin:0;font-size:95%;

line-height:1.4em;

border-bottom:4px double #e2e7b4;

}

.breadcrumbs a {

text-decoration:none;

color: #000000;

}

6.selanjutnya cari kode yang satu ini   <div class='post hentry'>

kemudian paste kode dibawah ini tepat di bagian bawah  <div class='post hentry'>

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'><a expr:href='data:blog.homepageUrl'>Masukan Dengan Nama blog anda</a> &#187; <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 != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if>
Kunjungi blog yang satu ini:<a href="http://kstt-blog.blogspot.com/" target="_blank">KSTT BLOG</a>

Read more:KSTT BLOG
   

simpan template dan lihat hasilnya

Posted in: BLOGGER