Kurang lebih contoh dari Breadcrumb-navigation pada Blogspot, adalah seperti gambar dibawah ini. adapun cara membuatnya adalah :
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double
#e6e4e3;
}
8. Cari lagi kode <div class='post hentry uncustomized-post-template'> jika tidak ada, coba cari kode <div class='post hentry'>
9. Sisipkan kode berikut di bawah kode tadi
<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. Save templates...
- Login ke blogger.com
- Klik Tata Letak.
- Pilih tab Edit HTML
- Click Download Full Template and please back up your template first.
- Kemudian beri tanda centang pada kotak kecil di samping tulisan Expand Template Widget.
- Silahkan cari kode ]]></b:skin>
- Copy lalu paste kode di bawah ini persis di atas kode ]]></b:skin>
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double
#e6e4e3;
}
8. Cari lagi kode <div class='post hentry uncustomized-post-template'> jika tidak ada, coba cari kode <div class='post hentry'>
9. Sisipkan kode berikut di bawah kode tadi
<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. Save templates...
Cara Baru Edit Templet Blogspot Tanpa Mengusik EDIT HTML
Judulna makin angker, but sbenarnya gak gtu2 amat, tetep makek edit HTML Cuma saya tekankan hanya 1x, magsudnya apa? Hehehe :D. Sdikit saya critakan, beberapa waktu ini saya gemar mengutak-atik templet blog. Saya capek baget harus ganti scrp HTML, terus ge save, trus view blog, payah gak??? Gedit akan menjadi lebih lama. Namum… tak sengaja saat ingin jail saya menginstal add-ons Mozilla Firefox yang bernama “Firebug”. Apa itu Firebug?? = Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page... :( gak gerti nih aku :D, intinya untuk edit html, css, dll langsung pada semua website, wew... "fb juga bisa, bahkan bisa d pake hack :D ". 
Sebenarnya cara penggunaanya tidaklah sulit, hihihi
Firebug
jangan lupa comentnya ...
udah tau blogku jlek, tapi jalan2 kmari knapa sih, d bookmark apa... 
ya udah, makasi aja ya atas info tak bergunanya... 
kurang asem...
gw capek getik tao......
maf..maf....
