Cara Memasang Navigasi Breadcumbs Pada Blog

YHS Blogger | Cara Memasang Navigasi Breadcumbs Agar Terindeks Google-Selamat siang sobat YHS Blogger.. Gimana nih yang lagi puasa? Masih kuat? Kalo saya sih masih kuat. Sambil menunggu buka puasa, mending baca artikel ini.

Contoh Navigasi Breadcumbs

Navigasi Breadcumbs berfungsi untuk mempermudah search engine mengindeks artikel/konten yang ada di blog kita. Selain itu Navigasi Breadcumbs juga dapat memudahkan pengunjung mengetahui letak konten/artikel dari blog kita. Lalu bagaimana cara memasangnya? Mari kita simak bersama-sama.

1. Login ke akun blogger anda.
2. Klik Template.
3. Klik Edit HTML.
4. Cari kode ]]></b:skin>
5. Copy kode di bawah ini dan letakkan di atas kode ]]></b:skin>

.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;
font-size: 90%;
line-height:1.4em;
border-bottom:1px solid black;
}

6. Lalu cari kode <b:includable id='post' var='post'>
7. Copy kode di bawah ini dan letakkan 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'>
You are Here &gt; <a expr:href='data:blog.homepageUrl'>Home</a> &gt;
<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> &gt; <data:post.title/>
</div>
</b:if>
</b:if> 

8. Klik Simpan Template.

 Demikianlah artikel mengenai Cara Memasang Navigasi Breadcumbs Pada Blog. Semoga bermanfaat sobat..