breadcrumb navigation untuk blogspot seo friendly

Navigasi seperti di atas lebih di kenal dengan nama “breadcrumb-navigation”. Dengan adanya “breadcrumb-navigation” maka pembaca dapat dengan mudah melihat posisi artikel yang di baca serta mencari artikel dalam satu kategori. Lalu bagaimana cara memasangnya pada template Blogspot?? berikut adalah cara memasang breadcrimb navigation untuk blogspot. ini adalah trik gabungan dari blognya KR dan Ardi yang menjadi breadcrumb-navigation Seo Friendly Fersi blog o-on

1. Silahkan login ke blogger degan ID anda.
2.  Klik Tata Letak.
3. Klik tab Edit HTML 
4. Click Download Full Template and please back up your template first. 
5. Silahkan beri tanda centang pada kotak kecil di samping tulisan Expand Template Widget.

                                 

     6. Silahkan cari kode ]]></b:skin> 
        Copy lalu paste kode di bawah ini persis di atas kode ]]></b:skin>


      .breadcrumbs{

      padding:5px 5px 5px 0;


      margin:0;font-size:95%;


     line-height:1.4em;


     border-bottom:4px double #cadaef;


     }


   7. Cari kode berikut ini:

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

Jika sudah ketemu, letakkan kode berikut tepat di atas kode tadi:

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

<!-- Breadcrumbs hack. By Blog o-on http://www.blogo-on.tk/ -->
  <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>

  8. Kemudian cari kode berikut:

    <div class='post-header-line-1'/>

Kalo sudah ketemu, letakkan kode berikut di atas kode tadi:

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

Klik Save Template

Navigasi ini muncul di bawah judul posting dan hanya tampil pada inner-page, bukan home-page.
Jika langkah-langkah anda sudah benar, maka “breadcrumb-navigation” akan seperti gambar diatas



SEmoga bermanfaat...

Mari dukung Toyota menjadi Mobil Keluarga Ideal Terbaik Indonesia