Cara Mudah Membuat Breadcrumb Di Blog

Cara mudah membuat breadcrumb - Breadcrumb adalah menu navigasi yang bisa membantu pengunjung / visitor blog supaya mereka tahu sedang membuka / mengunjungi halaman apa dan berada di kategory atau label apa. Selain itu Breadcrumb juga diperlukan untuk mengoptimalkan Seo On Page. Ingin tau seperti apa cara mudah membuat breadcrumb? Baca terus postingan ini.

Cara membuat Breadcrumb di Blogspot

Berikut ini adalah cara mudah membuat breadcrumb, silahkan ikuti pelan-pelan:

• Login Blog anda > Design > Edit HTML dan centang Expand Widget templates
• Cari kode ]]></b:skin> ( gunakan CTRL + F agar lebih mudah )
• Paste kode berikut tepat diatas kode ]]></b:skin>

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

• Kemudian cari kode <b:includable id='post' var='post'>
• Setelah ketemu, silahkan paste kode berikut tepat dibawah kode <b:includable id='post' var='post'>

<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'>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>

• Save template ( selesai ) 

Cara mudah membuat breadcrumb

Di internet sudah banyak sekali yang menulis tentang Cara mudah membuat Breadcrumb atau menu navigation ini, Ada yang langsung bisa dan masih ada juga yang salah penempatan kode, sehingga breadcrumb tersebut tidak muncul pada halaman blog. Nah untuk kode diata, saya sendiri sudah mencoba atau mempraktekannya dan berhasil. Dan buat anda yang masih bingung bagaimana cara mudah membuat breadcrumb bisa langsung mempraktekanya.