Cara Membuat Bradcrumb Di Blog

Artikel terkait : Cara Membuat Bradcrumb Di Blog

Cara Membuat Bradcrumb Di Blog- Halo kawan, Selamat siang. Dalam Kesempatan kali ini saya akan membagikan Tutorial Blog Keren yaitu Cara Membuat Breadcrumb di Blog. Breadcurmb adalah suatu navigasi yang berisikan label dari postingan dan biasanya selalu di awali dengan tombol menuju home (halaman depan blog).Contohnya Bisa kamu lihat di bawah ini :

Baca Juga :

Breadcrumb berguna agar pengunjung blog agar dapat lebih memahami artikel yang terkait dan berada di label atau kategori mana yang sedang mereka baca sehingga memudahkan mencari artikel yang berkaitan dengan artikel yang sedang ia baca. Sekarang kamu sudah tahukan apa itu breadcrumb. Apabila kamu tertarik ingin memasang Breadcrumb, kamu bisa mengikuti Tutorial nya dibawah ini :

1. Login Blogger.

2. Masuk ke Menu Template.

3. Pilih Edit HTML.

4. Cari Kode ]]></b:skin> [ CTRL+ F Untuk mempermudah pencariannya].

5. Apabila sudah ketemu tempelkan kode dibawah ini tepat dibawah kode ]]></b:skin>.

.breadcrumbs{

padding:5px 5px 5px 0; 
margin:0;font-size:95%; 
line-height:1.4em; 
border-bottom:4px double #cadaef}

6. Selanjutnya cari kode <div class='post hentry'>.

7.Apabila sudah ketemu tempelkan kode dibawah tepat dibawah kode <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'> Browse &#187; <a expr:href='data:blog.homepageUrl'>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 != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if>

8. Simpan Template dan lihat hasilnya.

Mudahan Caranya. Apabila masih bingung silahkan komentar dibawah...