Membuat Menu diatas Post

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 

Related Post:

Posted in: Tips Trik nge-blog