Langsung saja ke cara pembuatannya ya sob,maklum hasil dari keliling mbah google.
dan mendafatkan cara ini saya ambil dari salah satu teman kita.Sebenarnya banyak pisan yang mempublikasikan ulang cara ini.ah barangkali saja masih ada yang mau monggo,....
maap ya hasil copy paste,...tuh di bawah satu sumbernya.
DEMO:
1. Masuk ke dasbord >> rancangan >> edit HTML.
2. jika blog Anda sudah ada breadcrumb-nya hapus saja, caranya cari kode : breadcrumb pada template kemudian hapus semuanya hingga tak ada kode breadcrumb lagi (gunakan 'ctrl+f' untuk mempermudah pencarian).
3. Jika sudah cari kode HTML ]]></b:skin>.
4. Masukan kode CSS dibawah tepat 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:3px double #e6e4e3;}
5. Setelah itu cari kode ini :
<b:include data='top' name='status-message'/>
Note :
- Setiap template berbeda,terkadang kode <b:include data='top' name='status-message'/> ini ada dua,nah jika di template anda kode <b:include data='top' name='status-message'/> terdapat 2, maka cari kode <b:include data='top' name='status-message'/> yang dekat dengan kode <data:defaultAdStart/> lalu letakan kode <b:include data='posts' name='breadcrumb'/> ini tepat dibawah <b:include data='top' name='status-message'/> . Hasilnya nanti seperti ini.
<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>
<data:defaultAdStart/>
- Jika di template anda kode <b:include data='top' name='status-message'/> ini hanya terdapat satu,maka cari kode <b:includable id='post' var='post'> . Setelah ketemu letakan kode <b:include data='posts' name='breadcrumb'/> ini tepat dibawah kode <b:includable id='post' var='post'> . Hasilnya Seperti ini .
<b:includable id='post' var='post'>
<b:include data='posts' name='breadcrumb'/>
6. Langkah selanjutnya silahkan cari kode :
<b:includable id='main' var='top'>
7. Letakkan kede berikut tepat diatasnya :
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' href='' itemprop='url' rel='tag'><span itemprop='title'>Home</span></a></span>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:label.url' href='' itemprop='url' rel='tag'><span itemprop='title'><data:label.name/></span></a></span>
</b:if>
</b:loop>
<b:else/>
»Unlabelled
</b:if>
» <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' href='' itemprop='url'><span itemprop='title'>Home</span></a></span> » Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' href='' itemprop='url'><span itemprop='title'>Home</span></a></span> » All posts
<b:else/>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl'><span itemprop='title'>Home</span></a></span> » Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
Sekarang klik save
Sumber,banyak deh.salah satunya disini
Post a Comment
9Comments
-->Perhatian<--
Di larang Nyepam
3/related/default
Wah, sip deh sob. Bisa tambah bagus di googlenya ya :)
ReplyDeleteSaya sudah coba breadcumb ini dan hasilnya bagus...
ReplyDeleteLabel benar2 terindeks
nice post :)
ReplyDeleteditunggu kunjungan baliknya yaah ,
breadcumb model terbaru nya Kang?. saya masih pake model lama yg kode2nya ga terlalu banyak itu.
ReplyDeletenuhun infonya Kang, kalo ada waktu saya coba. salam
simpen dulu kang ah...udah lama teu ngoprek jeroan blog nih.
ReplyDeletesalam sehat selalu y
Mantap Kang,tapi di template saya kenapa ga keindeks yach,mohon pencerahan.
ReplyDeleteMakasih infonya.
@Cilembu thea:terima kasih kang sudah berkunjung.sama sama kang mudah mudahan selalu sehat.
ReplyDelete@Ciga Golb:Di tunggu saja beberapa hari,setelah pengeditan tidak akan langsung terdeteksi.kalau sudah beberapa hari masih belum terdetek coba di edit ulang dan lihat tutorialnya secara detail.terima kasih sudah berkunjung.
ReplyDeletepingin coba juga ach :)
ReplyDelete