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 :

  1. Buka halaman dashboard blogger (blogspot).
  2. Pilih template.
  3. Pilih edit html.
  4. Cari (tekan Ctrl + F) kode berikut :<b:includable id='post' var='post'>
  5. Kemudian cari lagi (tekan Ctrl + F) di bawah kode di atas, kode berikut : <div class='post-header'>
        <div class='post-header-line-1'/>
        </div>
  6. 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 == &quot;item&quot;'><div class='breadcrumbs'><a expr:href='data:blog.homepageUrl'>Nama Blog Anda</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>
        </div>
        </div>
  7. Ganti kode berwarna kuning di atas menjadi nama blog anda.
  8. Klik simpan (save).
  9. Muat ulang tampilan artikel blog.
  10. Selesai.
Membuat Navigasi Breadcrumb Blogger (Blogspot)

Komentar

Postingan populer dari blog ini

Menampilkan File Google Drive Pada Blog / Website

Membuat Tombol Kembali Ke Atas Melayang di Pojok Kanan Bawah Blogger (Blogspot)

Membuat Judul Halaman Blog Dinamis Blogger (Blogspot) Untuk Optimasi Mesin Pencarian