Breadcrumb-navigation adalah sebuah navigasi tampilan sekumpulan link label atau kategory yang seperti dimiliki oleh wordpress ,dan posisinya biasanya berada di atas pstingan atau di bawah judul postingan,gunanya untuk memudahkan dalam pencarian artikel.
Apakah bisa untuk di setting di blogspot ? jawabanya adalah bisa dan mungkin sekali seperti punya saya di atas postingan ini,maka langkah yang perlu andalakukan adalah:
1.klik edit HTML
2.centang Expand Widget Templates
3.cari kode ]]></b:skin>
4.pastekan code di bawah ini sebelum ]]></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.kemudian cari lagi kode <div class='post-body'>
6.tempatkan kode di bawah ini tepat dibawah kode <div class='post-body'>pada template anda
<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' rel='tag'>Home</a>
<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"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
» <span><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>
</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='breadcrumbs'>
<data:navMessage/>
</div>
</b:if>
</b:if>
7.clik save template
8.dan sekarang di lihat
untuk tampilan banyaknya label yang keluar tergantung dari penggunaan labelpada artikel anda
artikel di atas di buat oleh revolution theme created by Brian Gardner dan dipopulerkan oleh kang rohman,tapi mohon maaf karena ada beberapa hal yang saya modifikasi dari artikel kang rohman karena tidak suport untuk blogger new templates seperti blog ini.
Post a Comment