Cara membuat navigasi Breadcrumb

Cara membuat navigasi Breadcrumb

Kali ini kita akan membahas tentang "Cara membuat navigasi Breadcrumb". Tau navigasi breadcrumb gak? Navigasi breadcrumb atau breadcrumb navigation adalah sebuah link tautan internal pada bagian atas atau bawah halaman situs web yang memudahkan pengunjung untuk kembali ke halaman sebelumnya. Namun saat ini penempatan breadcrumb lebih sering digunakan pada bagian atas halaman artikel posting. Seperti: Browse » Home » Tutorial Blogspot » Cara memasang profile facebook pada blog.Untuk memasangnya ikuti saja langkah - langkah di bawah ini:

1. Login pada blog anda
2. Rancangan
3. Edit HTML
4. Cari kode ]]></b:skin>
5. Copy kode di bawah ini dan pastekan di 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;
}
6. Selanjutnya cari kode <div class='post hentry uncustomized-post-template'>
7. Copy kode di bawah ini dan pastekan di bawah kode <div class='post hentry uncustomized-post-template'>
<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>
8. Simpan Template

Selesai dan selamat mencoba
Cara membuat navigasi Breadcrumb
Writter: Reggy Zian Purnama
DMCA.com Orang pandai tau tata krama. Dilarang copy paste artikel tanpa seizin penulis!

1 comments : Skip to comments

gan, kalo tidak ketemu kode nomor 6 gmana gan? mohon pencerahannya..

Berkomentarlah dengan baik dan sopan. Dilarang oot dari artikel diatas. Komentar yang menyertakan link aktif maupun statis termasuk promosi akan langsung kami hapus.
Show Konversi Kode Hide Konversi Kode Show Emoticon Hide Emoticon