Membuat Menu Navigasi Breadcrumb

Membuat Navigasi Breadcrumb merupakan cara yang sangat  memudahkan kepada pengunjung yang sedang berkunjung ke blog kita . dengan Breadcrumb pengunjung bisa melihat kategori yang ada pada blog kita.Contohnya seperti dibawah ini :

Menu Navigasi Breadcrumb juga membantu dalam SEO (Search Engine Optimazition) .  Menu Navigasi Breadcrumb sangat membantu untuk meningkatkan blog kita .

Ini adalah Langkah-langkah membuat Menu Navigasi Breadcrumb :

1. Masuk Dulu Blogger.com kemudian Desain > Edit HTML > Expand Widget Templates
2. Cari kode Dibawah ini denga (ctrl+ f )  

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

3. Kemudian tepatkan kode di bawah ini tepat diatasnya 

<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. Cari kode dibawah ini :

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

6. Tepatkan kode di bawah ini tepat diatasnya

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

7. Kemudian cari kode ini ]]></b:skin> Kemudian taruh script css dibah ini tepat diatasnya 

.breadcrumbs {

border-bottom:1px dotted #000;

margin:2em 0 0.5em;

padding:0 0 0.5em;

}

8. Langkah terkhir save atau simpan



Sampai disni dulu artkel tentang cara membuat Menu Navigasi Breadcrumb. semoga artikel ani membatu teman-teman blogger dalam meningkatkan blog teman- teman sekalian . SALAM SUKSES !


Kunjungi Blog :

     >> Download Software Gratis