Cara Membuat Breadcrumb Navigasi di Blog
Beatdownx - Cara Membuat Breadcrumb Navigasi di Blog - Hi, the article you are reading is Cara Membuat Breadcrumb Navigasi di Blog,the information that we present as best as possible. Hopefully the contents of the post
Article Blog, that we wrote according to what you are looking for, useful and can help you. all right, have a nice reading.
Breadcrumbs
adalah sebuah petunjuk atau navigasi yang menginformasikan keberadaan
posisi postingan yang aktif. Breadcrumb biasanya membentuk posisi
horizontal yang terletak dibawah judul posting. Breadcrumb dapat berupa
susunan link yang menghubungkan sebuah posting sesuai dengan beberapa
kategori dalam posting tersebut. Breadcrumbs juga membantu pengunjung
untuk menelusuri jalur yang telah dilaluinya sampai berada di posisi
saat ini sehingga penggunjung dengan mudah dapat kembali ke halaman
sebelumnya. Pada kesempatan ini saya akan memberikan trik kepada sobat
blogger cara membuat breadcrumb pada blog. Berikut adalah caranya:
1. Login ke blogger
2. Masuk ke Rancangan -- Edit HTML
3. Centang Expand Widget Template
4. Letakan kode dibawah ini sebelum kode <b:includable id='main' var='top'>
6. Letakan kode dibawah ini sebelum kode pada langkah 5.
Cara Membuat Breadcrumb Navigasi di Blog
1. Login ke blogger
2. Masuk ke Rancangan -- Edit HTML
3. Centang Expand Widget Template
4. Letakan kode dibawah ini sebelum kode <b:includable id='main' var='top'>
<b:includable id='breadcrumbs' var='post'>5. Cari kode ini atau sejenisnya: <b:if cond=’data:post.dateHeader’>
<!-- Breadcrumb by www.beatdownx.blogspot.com -->
<b:if cond='data:blog.pageType == "item"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
You are here:
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> >
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
</b:if>
</b:loop>
<b:if cond='data:post.title'>
> <b><data:post.title/></b>
</b:if>
</b:if>
</span>
</p>
</b:if>
<!-- End of Breadcrumb -->
</b:includable>
6. Letakan kode dibawah ini sebelum kode pada langkah 5.
<b:include data='post' name='breadcrumbs'/>7. Tambahkan kode dibawah ini diatas kode ]]></b:skin>
.breadcrumbs {9. Simpan template sobat dan lihat hasilnya
border-bottom:1px dotted #000;
margin:2em 0 0.5em;
padding:0 0 0.5em;
}
Article Cara Membuat Breadcrumb Navigasi di Blog
Thats all Article about Cara Membuat Breadcrumb Navigasi di Blog for this time, thanks for reading and dont forget to share if this article helps you.