"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:

]]></b:skin>

Letakkan kode dibawah ini tepat "diatas" kode langkah 2:
.breadcrumbs{
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 :
<div class='post hentry uncustomized-post-template'>

Letakkan kode berikut ini tepat "dibawah" kode langkah :
<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'>Home</a> &#187; <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> &#187; <data:post.title/> </div> </b:if> </b:if>


Simpan Template.

0 komentar:

Posting Komentar

Copyright 2010 Tutorial, Tips & Trik..!!