Membuat BreadCrumb buat blogspot memang sudah banyak yang menerangkan namun kadang yang di tuliskan banyak yang error, apalagi kode BreadCrumb yang ada kode loop yang mengulang-ulang judul blog. Usut punya usut setelah saya pelajari ternyata harus di edit ulang dulu biar gak ada pengulangan dan yang menulis tip seperti itu, saya kira tidak mengeditnya dulu sehingga membuat pengunjung blog kebingungan.
Oke, berikut cara membuat BreadCrumb ala Alaskandang Features yang telah diproses agar tidak terjadi error dan kebingungan saat memasang di blog..
Sebelumnya pasang dulu kotak (border) dalam BreadCrumb ini, tambahkan saja kode berikut dan salin tepat di atas ]]></b:skin> :
.breadcrumbs {
padding:8px 0px 10px 5px;
margin: 0px 0px 5px 0px;
font-size:88%;
border:1px double
#e6e4e3;
}
Selanjutnya ikuti langkah berikut :
Jika sudah selesai, silahkan simpan simpan template dan lihat kreasi kamu maka akan nampak seperti blog ini...
Oke, berikut cara membuat BreadCrumb ala Alaskandang Features yang telah diproses agar tidak terjadi error dan kebingungan saat memasang di blog..
Sebelumnya pasang dulu kotak (border) dalam BreadCrumb ini, tambahkan saja kode berikut dan salin tepat di atas ]]></b:skin> :
.breadcrumbs {
padding:8px 0px 10px 5px;
margin: 0px 0px 5px 0px;
font-size:88%;
border:1px double
#e6e4e3;
}
Selanjutnya ikuti langkah berikut :
- Login Blogger >> Pilih Rancangan >> Klik Tab Edit HTML >> Centang Kotak Expend Widget
- Cari kode berikut : <div class='post hentry'>. Tiap template blog kodenya berbeda-beda tapi yang penting ada kesamaan atau mirip di post hentry. Untuk mencarinya pakai fungsi F3 di kibord.
- Copy kode berikut, dan simpan tepat di bawah kode <div class='post hentry'>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
<span class='Apple-style-span' style='font-family: Verdana, sans-serif;'>Search</span> <a expr:href='data:blog.homepageUrl' rel='tag'>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 cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'>
<span class='Apple-style-span' style='font-family: Verdana, sans-serif;'>Browse</span> <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
» Archives for <data:blog.pageName/>
</div>
</b:if>
Jika sudah selesai, silahkan simpan simpan template dan lihat kreasi kamu maka akan nampak seperti blog ini...
Popularity: 100% [?]
Tidak ada komentar