Kamis, 03 Juli 2014

Cara Membuat Breadcumb Menu





Apapkah fungsi breadcump menu?
fungsinya adalah agar membuat tombol menu navigasi agar dapat berurutan tepat berada di atas artikel posting.
Nih caranya :
1. Login ke blogger.com
2. masuk ke Rancangan -> Edit HTML -> klik Expand Widget
3. Cari kode : <b:includable id='main' var='top'>
4. Setelah Ketemu  Letakan kode ini tepat di atas kode tersebut : 

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

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

5. Kemudian cari kode ini :<b:if cond='data:post.dateHeader'>


6.Jika sudah ketemu,letakkan kode dibawah ini tepat diatasnya
   <b:include data='post' name='breadcrumbs'/>


7.Kemudian cari kode ini : ]]></b:skin>,


8.Dan letakan kode ini tepat diatasnya :
.breadcrumbs {
border-bottom:1px dotted #000;
margin:2em 0 0.5em;
padding:0 0 0.5em;
}



8.Kemudian Simpan Template

Label:

0 Komentar:

Posting Komentar

tulis komentar anda

Berlangganan Posting Komentar [Atom]

<< Beranda