cara memberi navigasi breadcumb pada Blogspot
Untuk memasang navigasi breadcumb di blogger, jika breadvumb yang anda maksud sama dengan gambar diatas, berikut langkah-langkahnya:
1. Login ke dulu ke blogger.com
2. Pilh menu bagian "Rancangan"
3. Klik "Edit HTML"
4. Untuk berjaga-jaga bila terjadi kesalahan, back up dulu template yang digunakan
5. Beri tanda centang pada "Expand Template Widget"
6. Cari kode ]]></b:skin> dan letakkan kode di bawah ini tepat di atasnya
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
7. Cari kode <div class='post hentry uncustomized-post-template'> kemudian letakkan kode di bawah ini tepat setelah kode tersebut
<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>
<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>
8. Klik "Save Template"
sekian informasi cara memberi navigasi breadcumb pada Blogspot semoga bermanfaat!! ^_^
0 comments:
Post a Comment
poskan komentar bila anda mendapatkan informasi dari blog ini.. atau ada yang ingin di tanyakan..