Cara Membuat menu navigasi Breadcrumbs di Blog

Assalamualaikum wr.wb Kali ini saya akan berbagi bagaimana cara membuat menu navigasi Breadcrumbs di blog. fungsi dari dari menu navigasi breadcrumb tersebut adalah untuk mempermudah pengunjung yang kebetulan sedang singgah pada blog anda untuk menunjukkan apa yang akan mereka cari pada halaman dan berada pada kategori apa. Keutamaan membuat breadcrumbs ini adalah untuk mengoptimalkan SEO on Page. Berikut saya berikan tutorialnya.

Cara membuat menu Navigasi Breadcrumbs di blog :

1. Login ke akun blogger sobat
2. Pilih template > Edit HTML > Centang Expand widget template
   
3. Lalu cari kode ]]></b:skin>
4. Kemudain pastekan kode dibawah ini tepat diatas kode ]]></b:skin>

 .breadcrumbs{

padding-left:10px;font-size:95%;

line-height:1.4em;

border-bottom:4px double #cadaef;

}

 

     5.  Kemudian cari kode  <b:includable id='post' var='post'> 

     6.  Letakkkan kode dibawah ini 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'>

Anda disini &#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.  Simpan 

Anda baru saja membaca artikel yang berkategori SEO dengan judul Cara Membuat menu navigasi Breadcrumbs di Blog. Anda bisa bookmark halaman ini dengan URL https://malang-cyber4rt.blogspot.com/2012/12/cara-membuat-menu-navigasi-breadcrumbs.html. Terima kasih!

Ditulis oleh: Unknown - Monday, December 17, 2012