nah kalau navigasi breadcrumb ini begitu penting dan bnyak mamfaatnya kenapa tidak pasang ja??? betul gak?? wah kok malah banyak bacot hehe
ok mari kita mulai saja langkah langkahnya
1->login blog masing masing
2.klik menu design->edit HTML

peringatan: selalu back-up template asli sebelom memulai pengeditan tempalte. 3->cari kode berikut ]]></b:skin>
4. copy code ccs dibawah ini dan paste di atas code ]]></b:skin>
.breadcrumbs {
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #e2e7b4;
}
.breadcrumbs a {
text-decoration:none;
color: #000000;
}
5. kemudia cari code ini <div class='post hentry'> dan copy paste code dibawah ini di bawah code <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'><a expr:href='data:blog.homepageUrl'>Ganti Dengan Kata Kunci Utama Blog</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>
setelah itu simpan template.
tutorial sederhana kali ini saya cukupkan sampai disini
selamat mencoba dan moga sukses....
jangan lupa beri komentar tentang tutorial di atas
0 Comments