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 !
Semoga Artikel ini Bermanfa'at
Judul: CARA PASANG ‘BREADCRUMBS’ DI BLOG
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh Admin MOREPOST
Semoga informasi mengenai CARA PASANG ‘BREADCRUMBS’ DI BLOG bisa memberikan manfaat bagi Anda. Jangan lupa Komentar Anda sangat dibutuhkan, di bawah ini.
