Tutorial Website dan Mengelolanya

Sebelum menjelaskan Cara Pasang Breadcrumb Pada Blogspot, perlu saya jelaskan apa yang dimaksud breadcrumb, breadcumb merupakan menu horisontal yang berfungsi untuk mempermudah pengunjung letak keberadaan artikel. Letak dari Breadcrumb sendiri berada di bawah Judul blog atau di bawah header blog. Breadcrumb juga dapat membantu SEO blog anda, karena akan memperkaya kata kunci postingan anda.

Breadcrumb biasanya sudah otomatis terpasang di template gratisan, namun bila belum ada dapat mengukuti langkah langkah dibawah ini.

1. Log in ke blogger

2. Masuk ke rancangan >  Edit HTML > centang “Expand Template Widget”

3. Cari kode ]]></b:skin> (gunakan CTRL+F untuk mempermudah pencarian)

4. Copy kode dibawah ini dan paste tepat diatas kode  ]]></b:skin>

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

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Kamu 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>