Tutorial Membuat Menu Navigasi Breadcrumb

Tutorial Membuat Menu Navigasi Breadcrumb - kali ini palingcerdas akan share tentang tutorial membuat menu navigasi breadcrumb,sebelumnya udah pada tau belom breadcrumb itu apaan.,buat yang masih bertanya tanya nih saya jelaskan sedikit.,menu navigasi breadcrumb : sebuah tautan link internal yang terletak diatas atau dibawah halaman situs Web/Blog yang digunakan untuk mempermudah para pengunjung untuk kembali kehalaman sebelumnya.nah sekarang kalian udah pada tau-kan yuk sekarang kita lanjut ke tutorialnya :

Tutorial Membuat Menu Navigasi Breadcrumb :

1.anda masuk ke menu edit HTML

2.sebelumnya tolong simpan template anda dulu takutnya ada apa-apa

3.Cari Kode ]]></b:skin> (Gunakan Tombol CTRL + F3 untuk mempermudah mencari kode)

4.Copy dan Letakan kode dibawah ini dibagian atas kode ]]></b:skin>  

.breadcrumbs {


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

5. Apababila sudah selesai sekarang cari kode <div class='post hentry uncustomized-post-template'>

6. selanjutnya copy code dibawah ini dan letakan diatas kode tersebut :

<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' 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>
&#187; <span><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>
</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='breadcrumbs'>
<data:navMessage/>
</div>
</b:if>
</b:if> 

7.klik simpan

8.Sekarang lihat pada halam postingan blog anda jika menu Navigasi Breadcrumb muncul berarti anda sudah berhasil melakukan langkah-lankah diatas jika belum jangan menyerah dan berhenti mencoba,

demmikian sekilas tentang tutorial paling cerdas tentang Tutorial Membuat Menu Navigasi Breadcrumb semoga bisa bermanfaat bagi sobat blogger sekalian,