Cara Memasang Sajian Navigasi Breadcrumb Simple Terbaru

Teknik Membuat dan memasang Menu navigasi breadcrumb simpel  - pada ini ialah artikel untuk sobat akrab yang mencari dan ingin membuat sajian Navigasi breadcrumb atau navigasi yang berada diatas  judul artikel yang akan tampil jikalau ada di single post atau di page isi artikel. breadcrumb pada blog ini befungsi untuk memdiberi tahu kepada pembaca bahwa artikel  yang sedang beliau baca ialah masuk kategori yang tertuliskan disana, dengan begitu pembaca akan lebih tahu breadcrumb ini seakan-akan dengan fungsi sajian label namun breadcrumb ini biasanya berada di bab atas judul blog.

 Teknik Membuat Menu Navigasi Breadcrumb

1. Silahkan log in ke blogger kemudian Pilih HTML Centang sajian kemudian EDIT HTML
2. Cari instruksi ]]></b:skin> dan simpan CSS ini diatas instruksi tadi :

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

3. Cari instruksi :

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

copy dan pastekan instruksi di bawah ini kemudian pastekan di atas instruksi nomer 3:

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='breadcrumbs'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
&#187; Unlabelled
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='breadcrumbs'>
<a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<p class='breadcrumbs'>
<span class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<a expr:href='data:blog.homepageUrl'>Home</a> &#187; All posts
<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> &#187; Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

4. Cari instruksi :

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

dan ganti dengan instruksi dibawah ini:

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

Terima kasih dan selamat menciptakan dan memasan breadcrumbnya selamat malam.