Cara memasang Menu Navigasi Breadcrumbs Diblog

13.57 Cara Membuat Blog No Comments

Menu Navigasi Breadcrumbs adalah Sebuah deretan Menu navigasi untuk memperlihatkan dimana posisi artikel yang sedang dibaca pengunjung, sehingga pembaca akan lebih mudah menemukan artikel dengan satu nama category atau label dalam suatu blog. Sebagai contoh menu breadcrumbs adalah ada diatas judul postingan blog ini.Lalu bagaimanakah cara memasang menu navigasi breadcrumbs diblog, Ok Langsung aja ke tutorial cara memasang menu navigasi breadcrumbs atau Breadcrumbs Navigations diblog

• Pertama sobat Log In ke Blogger Sobat

• Masuk Ke Rancangan

• Edit HTML [Centang Kotak Expand Widget Template]

• Setelah itu sobat Cari kode ]]></b:skin> dan letakan Kode dibawah ini tepat diatasnya

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

• Selanjutnya sobat cari Kode yang mirip dengan <div class='post hentry uncustomized-post-template'> dan letakan Kode dibawah ini persis dibawahnya

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Browse &gt; <a expr:href='data:blog.homepageUrl'>Home</a> &gt;
<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> &gt; <data:post.title/>
</div>
</b:if>
</b:if>

• Terakhir adalah sobat simpan template dan silahkan lihat hasilnyaSelamat Mencoba Cara memasang Menu Navigasi Breadcrumbs Diblog sobat, semoga berhasil