Cara Membuat Breadcrumb Di Blog:
1. Login blogger --> Template --> Edit HTML
2. Cari kode ]]></b:skin>
3. Simpan kode dibawah ini tepat DIATAS kode ]]></b:skin>
.breadcrumbs{
padding-left:10px;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
padding-left:10px;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
4. Kemudian sobat cari kode <div class='post hentry'> atau <b:includable id='post' var='post'>. Kemudian sobat copy kode dibawah ini dan paste tepat DIBAWAHnya
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
Sobat disini » <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'>
Sobat disini » <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>
5. Prantijau terlebih dahulu, jika tidak error
6. Simpan.
Begitulah trik Cara Membuat Breadcrumb Di Blog yang bisa saya berikan. Semoga bermanfaat untuk sobat.
Betul gan, asal ada niat, memahami, berani mencoba dan siap mengambil resiko semua akan didapatkan
BalasHapus