1. login ke akun blogger anda
2. klik Rancangan --> Edit HTML
3. anda back up ( download template lengkap ) utk mncegah kalau" trjdi error
4. centang kotak kcil di smping tulisan Expand template widget
5. bagi yg blum pernah memasang navigasi breadcrumb slhkan cari kode berikut. ( gunakan CTRL + F untuk memudahan pencarian kode )
<div class='post hentry'>
atau kode
<div class='post hentry uncustomized-post-template'>
6. letakkan kode di bawah ini tepat setelah kode tadi :
<b:if
cond='data:blog.homepageUrl == data:blog.url'> <b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'> <span
itemscope="http://data-vocabulary.org/Breadcrumb"
itemtype="http://data-vocabulary.org/Breadcrumb"> <a
expr:href='data:blog.homepageUrl' itemprop="url"><span
itemprop="title">Home</span></a> >
</span><span itemscope="http://data-vocabulary.org/Breadcrumb"
itemtype="http://data-vocabulary.org/Breadcrumb"><b:if
cond='data:post.labels'><b:loop values='data:post.labels'
var='label'> <a expr:href='data:label.url'
itemprop="url"><span
itemprop="title"><data:label.name/></span></a>
<b:if cond='data:label.isLast != "true"'>
> </b:if> </b:loop> </b:if> >
</span><span itemscope="http://data-vocabulary.org/Breadcrumb"
itemtype="http://data-vocabulary.org/Breadcrumb"><span
itemprop="title"><data:post.title/>
</span></span></div> </b:if></b:if>
sehingga hsilnya begini :
<div class='post hentry'>
<b:if
cond='data:blog.homepageUrl == data:blog.url'> <b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'> <span
itemscope="http://data-vocabulary.org/Breadcrumb"
itemtype="http://data-vocabulary.org/Breadcrumb"> <a
expr:href='data:blog.homepageUrl' itemprop="url"><span
itemprop="title">Home</span></a> >
</span><span itemscope="http://data-vocabulary.org/Breadcrumb"
itemtype="http://data-vocabulary.org/Breadcrumb"><b:if
cond='data:post.labels'><b:loop values='data:post.labels'
var='label'> <a expr:href='data:label.url'
itemprop="url"><span
itemprop="title"><data:label.name/></span></a>
<b:if cond='data:label.isLast != "true"'>
> </b:if> </b:loop> </b:if> >
</span><span itemscope="http://data-vocabulary.org/Breadcrumb"
itemtype="http://data-vocabulary.org/Breadcrumb"><span
itemprop="title"><data:post.title/>
</span></span></div> </b:if></b:if> 7. kmudian letakkan kode brikut di atas kode ]]></b:skin>
.breadcrumbs{padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px;font-size:95%;line-height:1.4em;
border-bottom:2px double #cadaef;
}
border-bottom:2px double #cadaef;
}
8. klik save dan lihat hasilnya . untuk mengetes apakah sudah jadi atau blum silahkan cek di sini!
catatan :
untuk anda yg sudah terlanjur memasang breadcrumb yg biasa , silahkan ganti saja kode breadcrumb yg telah dipasang seblumnya dengan kode nomor 6 .
smeoga bermanfaat :)
sumber : christiantatelu.blogspot.com
Tidak ada komentar:
Posting Komentar
✿ bila ingin copas , izinlah terlebih dahulu kepada salah satu admin . jangan lupa cantumkan sumbernya ( ื▿ ืʃƪ)
✿ berhak mengomentari, mengkritik, memberi saran dsb . asalkan dengan bahasa yang sopan (˘⌣˘)
✿ di tunggu kunjungannya lagi . arigatou gozaimasu (: (ˆ⌣ˆ)ҧ