Membuat Menu diatas Post

Hai... Sobat pa kabar neh... Kali aku akan kasih tau cara Membuat Menu Hirarki yang ada ditas Artikel yang dibaca atau bahkan d yang diakhir Artikel yang dibaca. Untuk contoh nyata silahkan lihat punyakku tepat ditas judul Artikel ini, Dah ketemu nha.... itu yang disebut Menu hirarki/ Breadcrumb Trail.

Oke... untuk cara membutnya silahkan baca berikut ini??

1. Login ke Blooger pilih Tata-letak --> Edit Html. kemudian tandai/centang tulisan  Expand Template Widget.

2. Silahkan cari kode dibawah ini:

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

3. Copy kode ini diatasnya
oya kode ini dari hoctro's

<b:includable id='breadcrumbs' var='post'>

<!-- Breadcrumbs hack. By Hoctro 9/11/2006 http://hoctro.blogspot.com -->

  <b:if cond='data:blog.pageType == "item"'>

      <p class='breadcrumbs'>

      <span class='post-labels'>

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

          You are here:

          <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>  &gt;

          <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>

          </b:loop>

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

&gt;  <b><data:post.title/></b>

          </b:if>

        </b:if>

      </span>

      </p>

  </b:if>

<!-- End of Breadcrums Hack -->

</b:includable>

4. Copy lagi kode dibwah ini:

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

Di atas kode ini

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

5. Setelah ini masukkan kode CSS ini di deretan kode CSS sobat

.breadcrumbs {

border-bottom:1px dotted #000;

margin:2em 0 0.5em;

padding:0 0 0.5em;

}

6. Save template.

Donwload Free Ebook Trik Photoshop

Donwload Free Ebook Trik Blogging (Comming Soon)

Donwload Free Ebook Search Engine Optimaize

Donwload Free Ebook Teknik Hacking

Donwload Free Ebook Ilmu Komputer

Donwload Free Ebook Bisnis Online
(Comming Soon)