Cara Membuat Navigasi Breadcrumb Di Blogspot

RIZKI-pagi sob ada yg tau ng apa itu breadcrumb? berikut penjelasannya

Breadcrumb adalah bantuan navigasi yang digunakan dalam user interface.Hal ini memberikan kemudahan kepada pengguna untuk melacak dan mengetahui di dokumen mana dia berada.Navigasi Breadcrumb ini Berada tepat di atas postingan kita dengan Urutanya seperti berikut

begini lah rupannya

dgn menggunakan trik ini SEO blog anda pun terbantu,,

berikut trik nya

1. Masuk ke Template > Edit HTML dan centang kotak Widget.

2. Cari Kode

<b:include data='top' name='status-message'/>

Jika udah ketemu copy paste kode di bawah ini tepat di atasnya

<b:include data='posts' name='breadcrumb'/>

3. Lanjut Cari Kode berikut

<b:includable id='main' var='top'>

Jika sobat menemukan dua kode script yang sama maka pilh yang no dua dan paste kode berikut tepat di atasnya

<b:includable id='breadcrumb' var='posts'> <b:if != cond='data:blog.homepageUrl data:blog.url'> <b:if cond='data:blog.pageType == "static_page"'> <div class='breadcrumbs'> <span> <a expr:href='data:blog.homepageUrl' rel='tag'> Home </ a> </ span> »<span> <Data: blog.pageName / > </ span> </ div> <b:else/> <b:if cond='data:blog.pageType == "item"'> <- Breadcrumb untuk halaman posting -> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <div class='breadcrumbs' xmlns:v="http://rdf.data-vocabulary.org/#"> <span typeof="v:Breadcrumb"> <a expr:href='data:blog.homepageUrl' rel="v:url" property="v:title"> Home </ a> </ span> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast == "true"'> »<span Typeof="v:Breadcrumb"> <a expr:href='data:label.url' rel="v:url" property="v:title"> <data:label.name/> </ a > </ span> </ B: if> </ B: loop> »<span> <data:post.title/> </ Span> </ Div> <b:else/> <div class='breadcrumbs'> <span> <a expr:href='data:blog.homepageUrl' rel='tag'> Home </ a> </ span> »<span> berlabel </ span>» < span> <data:post.title/> </ span> </ div> </ B: if> </ B: loop> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <-! Breadcrumb untuk halaman arsip label dan halaman pencarian .. -> <div class='breadcrumbs'> <span> <a expr:href='data:blog.homepageUrl'> Home </ a> </ span> »<span> Arsip untuk <data:blog.pageName/> </ span> </ Div> <b:else/> <b:if cond='data:blog.pageType == "index"'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == ""'> <span> <a expr:href='data:blog.homepageUrl'> Home </ a> </ span> »<span> Semua posting </ span> <b:else/> <span> <a expr:href='data:blog.homepageUrl'> Home </ a> </ span> »<span> Tulisan filed under <data:blog.pageName/> </ span> </ b: if>
</ div>
</ b: if>
</ b: if>
</ b: if>
</ b: if>
</ b: if>
</ b: includable>

4.SIMPAN
semoga bermanfaat
TERIMA KASIH

Anda baru saja membaca artikel yang berkategori tips blogger dengan judul Cara Membuat Navigasi Breadcrumb Di Blogspot. Jika kamu suka, jangan lupa like dan bagikan keteman-temanmu ya... By : Blog bermanfaat,tips,trick