Cara Membuat Navigasi Breadcrumb

Breadcrumb adalah sejenis navigasi yang menunjukan dari mana saja arah artikel kita. Misalkan saya mempunyai artikel Cara Membuat Related Post / Artikel Terkait terletak di Kategori Tutorial Blog maka navigasi breadcrumb seperti ini Browse » Home » Tutorial Blog » Cara Membuat Related Post / Artikel Terkait. Fungsi breadcrumb ini tentunya akan membuat template blog menjadi seo friendly dan akan mempermudah search engine dalam menemukan artikel-artikel kita.
Cara membuat navigasi breadcrumb :

Masuk blogger > rancangan > edit html > centang expand template widget
cari kode ]]></b:skin>,  Letakkan kode di bawah ini tepat di atas kode ]]></b:skin>

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

Kemudian selanjutnya cari kode <div class='post hentry'>, letakan kode berikut ini tepat di bawah kode <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' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>

</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='breadcrumbs'>
<data:navMessage/>
</div>
</b:if>
</b:if>

Terakhir Simpan Template,  navigasi breadcrumb sudah terpasang di blog anda.

Best regards,

Tutorial Linux Ubuntu | seo

Untuk Download Artikel Klik Gambar

		Follow @antigaptek

Baca Artikel Terkait :