Cara Memasang Breadcrumb di Blog

Cara Memasang Breadcrumb di Blog | Assalamualaikum sobat blogger semua bagaimana kabarnya diawal bulan ini? pasti cerah doong, secara udah gajian gitu lhoo, hehehe.

Pada awal bulan ini saya mau berbagi sebuah tutorial blog mengenai Cara Memasang Breadcrumb di Blog. Apa itu breadcrumb ?? eits, walaupun namanya menggunakan bread, jangan salah sangka lhoo, breadcrumb bukanlah merupakan sebuah roti tapi breadcrumb itu adalah sebuah widget blog yang terdapat di atas judul postingan yang menunjukkan lokasi/kategori artikel tersebut berada.

Nah udah taukan?? Yuk sekarang kita buat roti crumb nya, hehe

1. Masuk ke Edit HTML blog terlebih dahulu, oh ya, jangan lupa untuk melakukan backup template terlebih dulu yah

2. Beri centang pada Expand Widget Templates

3. Cari kode ini ]]></b:skin>

4. Setelah ketemu copy kode berikut di bawah 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;
}

5. Kemudian cari lagi kode ini <div class='post hentry'>

6. Setelah ito copykan kode berikut persis di bawah kode di atas

<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'>MASUKKAN KEYWORD BLOG DI SINI</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>

7. Pada bagian MASUKKAN KEYWORD BLOG DI SINI ganti dengan keyword blog milik sobat, atau bisa juga di ganti dengan tulisan HOME, BERANDA dan sejenisnya

8. Simpan template dan lihat hasilnya.

Nah demikian postingan kali ini, selamat mengeksplorasi Cara Memasang Breadcrumb di Blog yaah :D