Cara Membuat Breadcrumb di Blogspot

Cara memasang dan membuat breadcrumb di blogspot- Pada artikel ini saya akan memberikan cara-cara untuk memasang atau membuat breadcrumb di blogspot.

Apa itu Breadcrumb?
Breadcrumb Navigation kurang lebih adalah sebuah menu navigasi/penunjuk arah halaman yang sedang
dibuka berupa link horisontal berurut yang diawali dengan menu Home/Beranda >> Label >> Judul Halaman Yang Sedang Dibuka. Letak dari menu Breadcrumb Navigation ini biasanya berada di atas judul postingan, jika sahabat blogger masih bingung silahkan lihat langsung screenshootnya di bawah ini:

Nah, sudah mengerti bukan?

Apa fungsi dari Navigasi Breadcurmb?
Fungsi navigasi breadcrumb adalah untuk mempermudah pengunjung melacan keberaadan halaman di suatu website atau Blog.Menurut Jacob Nielsen, ditinjau dari sisi kegunaanya breadcrumb navigation berfungsi untuk menunjukkan lokasi/path dari halaman web/blog yang sedang dikunjungi, relatif terhadap struktur di atasnya serta menyediakan fitur one click access ke level halaman web/blog di atasnya sekaligus menghindari pengunjung tersesat karena terlalu dalam menjelajah web/blog kita.

Manfaat breadcrumb untuk SEO ?
Menurut pakar SEO, dengan kita memasang Breadcrumb di blog,maka efeknya akan berpengaruh pada percepatan indeks blog.

Inilah Cara Memasang Breadcrumb di Blogspot:
- Seperti biasa, masuk ke blogger
- Klik Template, dan Edit HTML
- Lalu, letakkan kode dibawah ini tepat sebelum kode ]]></b:skin>

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

- Lalu, cari kode seperti ini kurang lebih

<div class='post hentry'>

 - Tempel kode dibawah ini setelah 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'>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 != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if>

- Langkah terakhir simpan template anda, dan lihat apakah sudah ada Breadcrumb

sedikit saja Ilmu tentang breadcrumb yang saya bagikan ini, semoga bermanfaat saja.

Terima Kasih Atas Kunjungan Anda
Jika artikel Cara Membuat Breadcrumb di Blogspot ini bermanfaat,anda boleh memebagikannya tapi anda harus menaruh sumber linknya. Sesama blogger mari saling menghargai. Terima kasih atas perhatiannya.

Judul : Cara Membuat Breadcrumb di Blogspot
Rating : 10 out of 10 based on 100 ratings. 987658 reviews.
Ditulis Oleh Kang Bahas
Perhatian :jika kalian suka artikel Cara Membuat Breadcrumb di Blogspot
maka direkomendasikan klik G+ disisi kiri

Artikel Terkait