"Breadcrumbs" biasanya terletak pada bagian atas halaman web atau biasanya di bawah header nav bar. Breadcrumbs manampilkan link ke setiap halaman sebelumnya dan memberikan link terkait ke halaman sebelumnya. Breadcrumbs memberikan jejak bagi user untuk mengikuti kembali ke awal atau beranda. Antara link tersebut dipisahkan oleh tanda (seperti »).
Berikut langkah-langkah menambah "Breadcrumbs" di samping judul:
1. Pergi ke Layout> Edit HTML> Klik "Expand Template Widget"
2. Cari kode dibawah ini:
Letakkan kode dibawah ini tepat "diatas" kode langkah 2:
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef}
3. Setelah itu, cari kode seperti ini :
Letakkan kode berikut ini tepat "dibawah" kode langkah :
Simpan Template.
]]></b:skin>
.breadcrumbs{
<div class='post hentry uncustomized-post-template'>
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'> Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » <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 != "true"'> , </b:if> </b:loop> </b:if> » <data:post.title/> </div> </b:if> </b:if>
0 komentar:
Posting Komentar