Pada gambar yang ditandakan oleh tanda merah tersebut merupakan contoh dan preview dari Navigasi Breadcrumb. Navigasi Breadcrumb itu sendiri iaitu adalah sebaris link pada bagian atas atau bawah halaman site web yang memudahkan pengunjung untuk kembali ke bahagian sebelumnya atau ke halaman muka dengan cepat. Berikut merupakan langkah-langkah menbuatnya :
- Mula² Login akaun blogger anda, dari dashboard > design > edit HTML > Expand Widget Templates (Jangan lupa backup template)
3. Copy kode di bawah ini :
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:2.3em;
}
Paste Kode tersebut diatas kode ]]></b:skin>
4. Copy kode dibawah ini :
<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>Paste Kode tersebut diatas kode <div class='post hentry uncustomized-post-template'>
5. Lalu Klik Simpan Template. Lihatlah hasilnya..
