Navigasi Breadcrumb di Blogspot
Mungkin anda sudah tau dengan yang namanya navigasi breadcrumb
contoh gambar :
Good luck :p
contoh gambar :
Tanpa basa-basi lagi jika ingin memasang navigasi ini berikut langkahnya :
1. Login blogger.com
2. Masuk ke 1. rancangan >> 2. edit html >> 3. jangan lupa beri tanda centang pada "Expand Template Widget"
3. Cari <b:if cond='data:post.title'>, jika ingin lebih cepat gunakanlah F3
4. Tepat dibawah <b:if cond='data:post.title'> copy paste-kan kode di bawah ini :
<!-- Navigasi Breadcrumb Start -->
<b:if cond='data:blog.pageType == "item"'>
<a href='http://nama-blog-anda.blogspot.com/'>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/>
</b:if>
<!-- Navigasi Breadcrumb Stop -->
(pada kode yang berwarna merah http://nama-blog-anda.blogspot.com, di ganti dengan alamat url blog anda)
5. Langkah terakhir simpan template<!-- Navigasi Breadcrumb Start -->
<b:if cond='data:blog.pageType == "item"'>
<a href='http://nama-blog-anda.blogspot.com/'>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/>
</b:if>
<!-- Navigasi Breadcrumb Stop -->
(pada kode yang berwarna merah http://nama-blog-anda.blogspot.com, di ganti dengan alamat url blog anda)
Good luck :p
Categories:
Blogging
0 komentar:
Post a Comment