Masih dalam rangka mempercantik tampilan pada blog sobat, sekaligus ‘Breadcrumbs’ ini bermanfaat untuk 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 »). ‘Breadcrumbs’ terletak pada bagian atas halaman posting atau biasanya terletak di bawah header navigation bar pada blogspot.
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 3 :
<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>
4. Simpan Template dan lihat hasilnya.
Selamat mencoba !
Terimakasih Atas Kunjungan Anda
