Cara Mudah Membuat Breadcrumb

Cara Mudah Membuat Breadcrumb

Dalam artikel saat ini, ane akan membahas tentang membuat navigasi breadcrumb. Pada umumnya, breadcrumb adalah suatu navigasi atau keterangan dari keberadaan suatu artikel pada suatu website. Breadcrumb ini juga termasuk SEO sebab suatu search engine selalu membaca label atau tags setiap postingan. Jadi breadcrumb sangat dibutuhkan untuk kemajuan dari suatu blog/website di mata search engine.Langsung saja ke TKP

1. " Login " ke akun anda.

2. " Dashboard " -> " Template " -> " Edit HTML ".

3. Cari code " ]]></b:skin> ". Cari dengan menekan tombol ctrl+f di keyboard anda.

4. Copy code berikut dan letakkan sebelum kode " ]]></b:skin> ".

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

5. Lanjut, Cari Code " <div class='post hentry'> ".
6. Copy code berikut dan letakan setelah code " <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>

7. Lalu Save dan lihat hasilnya. :)

Sekian dari artikel yang ane ulas mengenai Cara Mudah Membuat Breadcrumb. Terima kasih.