Membuat Navigasi Breadcrumb Pada Postingan Blog


Demo

Berikut langkah-langkah membuatnya:

1. Masuk Rancangan/Layout
2. Pilih Edit HTML
3. Klik "Download Template Lengkap" (ini untuk memBackUp template sobat)
4. Beri tanda centang "Expand Template Widget"
5. Tekan Ctrl+F (untuk mempermudah pencarian) Cari kode berikut:

]]></b:skin>

6. Copy lalu paste-kan kode dibawah ini tepat diatas kode diatas
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:11px;
line-height: 1.4em;
border-bottom:3px double #666;
}
7.Kemudian carilah kode:

<div class='post hentry uncustomized-post-template'>

8. Setelah ketemu, taruhlah kede berikut tepat diatasnya
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/>
 <b:if cond='data:blog.pageType == &quot;item&quot;'> <div clas
s='breadcrumbs'> Browse &#187; <a expr:href='data:blog.homepageUr
l'>Cobasanasini Tutor</a> &#187; <b:if cond='data:post.labels'><b:loop values='d
ata:post.labels' var='label'> <a expr:href='data:label.url' rel='tag
'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true
&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div
> </b:if> </b:if>

9. Bila sudah, jangan lupa untuk Save Template.
Sekian, semoga bermanfaat.

0 Coment "Membuat Navigasi Breadcrumb Pada Postingan Blog", Baca atau Masukkan Komentar

Posting Komentar