Bikin Navigasi Postingan Lewat Breadcrumbs

Widgets

Tahu navigasi di atas menu explorer kompi kamu bukan?? Kalo belum coba liat dulu menu explorer di kompi kamu,, atau kalo g pengen susah, coba liat bagian paling atas di postingan ini,, sudah tahu belum?? Masih bingung... ya udah ni saya kasih screenshotnya...

Untuk bikin navigasi kayak di atas, kamu dapat cobain tips ni...

1. Pertama sekali kamu baca doa dulu....

2. Udah b'doa?? baca doa lah dulu....

3. Setelah itu, pastikan kamu sudah membuat label di blog kamu, mengapa perlu label?? soalnya jika belum bikin ya dari mana navigasi-nya tau asal muasal postingannya kamu, ya kan??? (hehehe, macam dongeng aja pake asal muasal.. )

4. Jika sudah ada, kamu bisa langsung menuju ke TKP alias ke Edit HTML di blog kamu, pastikan kamu centang Expand Widget-nya ya...

5. Cari kode ]]></b:skin>, lalu letakkan kode berikut tepat di atasnya...

.breadcrumbs {
border-bottom:1px dotted #000;
margin:2em 0 0.5em;
padding:0 0 0.5em;
}

6. Lalu cari :

<b:includable id='main' var='top'>

7. Kemudian letakkan kode di bawah tepat diatasnya....

<span style="color: rgb(114, 45, 50);"></span></code></span></p> <p class="alert"> <span style="text-decoration: underline;"><b:includable id='breadcrumbs' var='post'><br /><br /><!-- Breadcrumbs hack. By Hoctro 9/11/2006 http://hoctro.blogspot.com --><br /> <b:if cond='data:blog.pageType == "item"'><br /> <p class='breadcrumbs'> <br /> <span class='post-labels'><br /> <b:if cond='data:post.labels'><br /><br /> Browse:<br /> <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> ><br /> <b:loop values='data:post.labels' var='label'><br /> <b:if cond='data:label.isLast == "true"'><br /> <a expr:href='data:label.url' rel='tag'> <data:label.name/></a><br /> </b:if><br /> </b:loop><br /> <b:if cond='data:post.title'><br />> <b><data:post.title/></b><br /> </b:if><br /><br /> </b:if><br /> </span><br /> </p> <br /> </b:if><br /><!-- End of Breadcrums Hack --><br /></b:includable></span><span class="fullpost"><code>

8. Lalu cari kode di bawah ini.

<b:if cond='data:post.dateHeader'>

9. Kemudian letakkan kode di bawah tepat di atasnya

<b:include data='post' name='breadcrumbs' />

10. Sudah selesai ni, kamu bisa simpan template-nya..

Oia, menu navigasi ini hanya akan terlihat pada halaman posting saja, bukan di halaman utama kamu loh... Jadi selamat mencoba ya....