Membuat Navigasi Breadcrumb Blogger (Blogspot)
Navigasi breadcrumb ialah navigasi halaman blog yang biasanya dipasang di bawah ataupun di atas judul artikel blog yang berfungsi untuk menunjukkan direktori (alamat) dimana halaman artikel disimpan.
Cara (langkah-langkah) membuat navigasi breadcrumb antara lain :
- Buka halaman dashboard blogger (blogspot).
- Pilih template.
- Pilih edit html.
- Cari (tekan Ctrl + F) kode berikut :
<b:includable id='post' var='post'>
- Kemudian cari lagi (tekan Ctrl + F) di bawah kode di atas, kode berikut :
<div class='post-header'>
<div class='post-header-line-1'/>
</div> - Ubah kode di atas menjadi kode berikut :
<div class='post-header'>
<div class='post-header-line-1'>
<b:if cond='data:blog.homepageUrl == data:blog.url'><b:else/><b:if cond='data:blog.pageType == "item"'><div class='breadcrumbs'><a expr:href='data:blog.homepageUrl'>Nama Blog Anda</a> » <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 != "true"'> | </b:if></b:loop></b:if> » <data:post.title/></div></b:if></b:if>
</div>
</div> - Ganti kode berwarna kuning di atas menjadi nama blog anda.
- Klik simpan (save).
- Muat ulang tampilan artikel blog.
- Selesai.
Komentar
Posting Komentar