Tata Cara Membuat Menu Breadcrumbs

Tata Cara Membuat Menu Breadcrumbs

Menu Breadcrumbs adalah bantuan navigasi yang digunakan dalam user interface di website/blog. Dengan Menu Breadcrumbs  ini memberikan kemudahan kepada pengguna untuk mengetahui lokasi postingan yang kita baca. Dengan menu breadcrumbs blog kita lebih SEO

Cara Membuat Menu Breadcrumbs sebagai berikut :

• Login ke blogger

• Pilih Rancangan

• Pilih Edit HTML

• Conteng expand widget templates

• Cari kode ]]></b:skin> gunakan Ctrl + F untuk memudahkan pencarian

• Copy paste kode berikut di atas kode ]]></b:skin>.

#breadcrumbs {

padding:5px 5px 5px 0px;

margin: 0px 0px 15px 0px;

font-size:10px;

line-height: 1.4em;

border-bottom:3px double #333;

}

• Setelah itu cari kode

<div class='post hentry uncustomized-post-template'>      atau       <div class='post hentry'>

• Letakkan  kode dibawah ini tepat dibawah kode di atas nomor 4.

<b:if cond='data:blog.pageType == &quot;item&quot; '>

<div id='breadcrumbs'>

Browse: <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;'> &gt; </b:if>

</b:loop>

</b:if> &gt; <a expr:href='data:post.link'><data:post.title/></a>

</div>

</b:if>

• Simpan Template

begitulah Cara Membuat Menu Breadcrumbs

semoga bermanfaat