Membuat Menu diatas Post 12

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)

Artikel Lainnya Yang Lebih Menarik:

Jika Anda ingin artikel Membuat Menu diatas Post dikirim ke email anda, Silahkan masukan alamat email anda untuk berlangganan.

JANGAN LUPA CEK EMAIL ANDA UNTUK VERIFIKASI BERLANGGANAN VIA EMAIL

Penulis :  Dodik Gaghan | BLOG : InfocusNine [Be Your Best Partner]
InfocusNine menyediakan informasi dan tutorial buat anda yang ingin belajar blogging, design, internet, dsb. Silahkan Copy/Paste tapi cantumkan link kami.