Cara Membuat BreadCumb di Blogger/Blogspot

       Alhamdulilah Akhirnya saya bisa juga membuat postingan saya selalu di depan,inikan
untuk mempermudah halaman yang saya buat untuk Kompetisi Web Kompas MuDA & AQUA lebih kelihatan
ngjreng terus,langsung aja ke sumber permasalahannya disini saya akan membahas tentang bagaimana Cara Membuat BreadCumb
yang salah satunya mesin pencari sangat menggemari blog yang memiliki widget seperti ini,inipun juga salah satu tehnik SEO agar
template kita SEO FRIENDLY dengan para mesin pencari

Langsung saja langkah pertama

1.Login ke blog --> Rancangan --> Edit HTML klik Expand Template Widget untuk memberikan tanda centang pada kotak.
Lalu langkah Ke dua
2.Cari kode  <b:if cond='data:post.title'>  biar lebih cepat gunakan F3 atau Ctrl+F
Langkah ke Tiga
3.Letakkan kode berikut dibawah <b:if cond='data:post.title'>

<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumb'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</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 != "true"'>,</b:if>
</b:loop>
&#187;
</b:if>
<data:post.title/>
</div>
</b:if>

Kalau udah beres tinggal kita modifikasi model dan bentuk BreadCumbnya biar lebih ngejreng
mari kita simak sama sama di bawah ini

1. Cari kode ]]></b:skin>
2. Letakkan kode berikut diatas kode ]]></b:skin>

.breadcrumb {
padding:5px 5px 5px 0px;
margin: 0px 0px 10px 0px;
font-size:95%;
line-height: 1.2em;
border-bottom:2px double #000000;
}

Kalau udah silakan ganti kode #000000 sesuai kode warna yang di inginkan,ets ini juga termasuk salah satu cara mengotimasi
Blog biar lebih SEO friendly,uda dari saya cukup sekian Terima kasih

HAPPY BLOGGING