Cara Mudah Membuat Navigasi Breadcrumb

cara+membuat+breadcrumb+blogspot

Cara Membuat Breadcrumb Blogspot

Tutorial Membuat Navigasi Breadcrumb mungkin untuk sebagian kalangan (master template) akan terdengar sebagai 'Tutorial Gak Mutu' atau minimal akan mengatakan 'Cara Basi Ini'.

Namun tak sedikit pula orang, yang masih belum sepenuhnya mengerti Apa Itu Breadcrumb, apalagi Cara Membuatnya, hehe.

Nah, untuk itulah (walaupun jadul) tapi disini saya akan mencoba menjelaskan dari awal mulai dari Apa Yang Dimaksud Dengan Breadcrumb, Pasalnya tidak ada 'peta' yang menunjukan dimana kita ? Atau sedang membaca artikel di kategori apakah kita ? Dan disusul seribu pertanyaan lainnya. dan yang terakhir Bagaimana Cara Membuat Breadcrumb.

Langsung saja yang pertama adalah.

Pengertian Breadcrumb

Breadcrumb adalah kata yang berasal dari Bahasa Inggris yang jika diartikan akan mempunyai arti Roti Repih (roti renyah).

Serius woy ? Yaelah, artiin sendiri lah pakai kalkulator atau apa sajalah kalau gak percaya.

Itu kalau diartiin secara harfiah, namun sebenarnya yang dimaksud dengan Breadcrumb bukanlah 'roti renyah' melainkan The term comes from the path of breadcrumbs left by Hansel and Gretel within the popular fairytale (wikipedia).

Intinya kata Breadcrumb (trail ) atau dengan garis tegak lurus (gambar atau css) beda lagi kalau di Breadcrumb yang (biasanya) dipisahkan dengan tanda lebih dari ( > ) atau ada juga yang menggunakan glype ( ? Atau ? ) seperti template keren mas sugeng ini.

[ SERIUS ] Lalu seperti apa wujud dari Breadcrumb ini ? ya, biasanya berbentuk seperti menu navigasi (horisontal).

Bedanya jika pada Menu Navigasi, antar menunya, dipisahkan dengan Vertical Bar ( | ) atau dengan garis tegak lurus (gambar atau css) beda lagi kalau di Breadcrumb yang (biasanya) dipisahkan dengan tanda lebih dari ( > ) atau ada juga yang menggunakan glype ( » atau › ) seperti template keren mas sugeng ini.

Pasalnya tidak ada 'peta' yang menunjukan dimana kita ? Atau sedang membaca artikel di kategori apakah kita ? Dan disusul seribu pertanyaan lainnya.

contoh+breadcrumbs+blogspot
Sering bingung kan kalau sedang membaca artikel atau post di Blogspot (tema cellular bawaan) menggunakan Handphone ?

Pasalnya tidak ada 'peta' yang menunjukan dimana kita ? Atau sedang membaca artikel di kategori apakah kita ? Dan disusul seribu pertanyaan lainnya.

Selanjutnya kita masuk pada Fungsi dari Breadcrumb. Apa sajakah Fungsinya ?

  1. Pasalnya tidak ada 'peta' yang menunjukan dimana kita ? Atau sedang membaca artikel di kategori apakah kita ? Dan disusul seribu pertanyaan lainnya.

Untuk mengatasi hal tersebut diciptakanlah Breadcrumb untuk Mengatasi Masalah Tanpa Solusi (ilk fashion).

Karena apa ? Karena untuk merasakan kedahsyatan efek dari Breadcrumb ini pasalnya Blog kita minimal harus mempunyai PageRank diatas 3 (atau minimum three). Baru, setelah itu Navigasi Breadcrumb pada Blog kita dapat tercium (terindeks) oleh mbah Google (saya baca dari blogjuragan).

Untuk mengatasi hal tersebut diciptakanlah Breadcrumb untuk Mengatasi Masalah Tanpa Solusi (ilk style).

  • Karena apa ? Karena untuk merasakan kedahsyatan efek dari Breadcrumb ini pasalnya Blog kita minimal harus mempunyai PageRank diatas 3 (atau minimum three). Baru, setelah itu Navigasi Breadcrumb pada Blog kita dapat tercium (terindeks) oleh mbah Google (saya baca dari blogjuragan).
  • Lucu ? memang terdengar lucu. Tapi ini faktanya, sebagian Blogger telah membuktikan kedahsyatan dari Breadcrumb ini, namun sayangnya blog berguruseo.blogspot.com belum sempat merasakan manisnya dampak Breadcrumb untuk SEO.

    Gunakan CTRL F untuk mempermudah Anda dalam mencari kode tersebut.

    Home ? Label Utama ? Sub Label Utama ? Judul Artikel

    Gunakan CTRL F untuk mempermudah Anda dalam mencari kode tersebut.

    Home ? Label Utama ? Sub Label Utama ? Judul Artikel

    Gunakan CTRL F untuk mempermudah Anda dalam mencari kode tersebut.

    Karena apa ? Karena untuk menspesifikkan kategori dalam artikel Anda (ini tidak wajib, non-compulsory).

    Gunakan CTRL F untuk mempermudah Anda dalam mencari kode tersebut.

    Cari kode <b:if cond='facts:publish.Identify'>

    Gunakan CTRL F untuk mempermudah Anda dalam mencari kode tersebut.

    1. Cari kode <b:if cond='facts:publish.Identify'>

  • Gunakan CTRL F untuk mempermudah Anda dalam mencari kode tersebut.
  • Cari kode <b:if cond='facts:publish.Identify'>
  • Gunakan CTRL F untuk mempermudah Anda dalam mencari kode tersebut.

  • Cari kode <b:if cond='data:post.title'>
  • Script Untuk Membuat Breadcrumb<b:if cond='records:blog.PageType == "object"'> <a href=' http://namablog.Blogspot.Com/'>Home</ a> ? <b:if cond='information:submit.Labels'> <b:loop values='statistics:publish.Labels' var='label'> <a expr:href='records:label.Url' rel='tag'><statistics:label.Name/></ a> <b:if cond='facts:label.IsLast !="genuine"'>,</b:if> </b:loop> ? </b:if> <statistics:submit.Identify/> </b:if>

  • Sedikit penjelasan untuk kode diatas, pada setiap label akan dipisahkan dengan tanda ? (encrypt) atau ? (decrypt).
  • Script Untuk Membuat Breadcrumb

    <b:if cond='data:blog.pageType == "item"'> <a href=' http://namablog.blogspot.com/'>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 !="true"'>,</b:if> </b:loop> &#187; </b:if> <data:post.title/> </b:if>

    Sedikit penjelasan untuk kode diatas, pada setiap label akan dipisahkan dengan tanda &#187; (encrypt) atau » (decrypt).

    Jadi jika Anda ingin memberi symbol berbeda atau gambar selalipun pada Breadcrumb tersebut. Maka Anda bisa mengganti kode &#187; dengan symbol atau gambar yang Anda inginkan.

    Memberikan DIV Pada Breadcrumb<div magnificence="namaclass">kode atau skrip breadcrumb tadi</div>

    Gunakan CTRL F untuk mempermudah Anda dalam mencari kode tersebut.

    Memberikan DIV Pada Breadcrumb
    <div class="namaclass">kode atau skrip breadcrumb tadi</div>

    Mudah kan dalam Membuat ataupun Mengedit Breadcrumbs ? perlu Anda ketahui, hanya dengan Menambahkan atau Membuat Navigasi Breadcrumb (yang palin simple sekalipun) pada suatu Blog, tentunya ini akan menjadikan sebuah Template Menjadi SEO Friendly , karena mampu memberi Navigasi yang jelas Untuk Pengunjung.

    Selanjutnya silahkan kembangkan lagi, dengan kreatifitas Anda masing-masing, dan Semoga Berhasil.

    0 Response to "Cara Mudah Membuat Navigasi Breadcrumb"

    Post a Comment

    Iklan Atas Artikel

    Iklan Tengah Artikel 1

    Iklan Tengah Artikel 2

    Iklan Bawah Artikel