Cara Membuat Breadcrumbs Seo Friendly

Kalian mencari atau membuka tulisan ini pasti kalian sudah tahu arti dan manfaatnya tulisan ini kan sob ?? Okelah kalo begitu, langsung saja , okeee...

  1. Login – Layout – Edit HTML
  2. Klik kotak Expand Template Widget
  3. Cari kode berikut ini:
    <b:includable id='main' var='top'>
  4. Jika sudah ketemu, letakkan kode berikut tepat di atas kode tadi:
    <b:includable id='breadcrumbs' var='post'>
    <!-- Breadcrumbs hack. By Pusat Tips n Trik http://pusat-tipsntrik.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. Kdemudian cari kode berikut:
    <b:if cond='data:post.dateHeader'>
  6. Kalo sudah ketemu, letakkan kode berikut di atas kode tadi:
    <b:include data='post' name='breadcrumbs'/>
  7. Untuk kustomisasi, paste kode berikut di atas kode ]]></b:skin> dan berikut kodenya:
    .breadcrumbs {
    margin:0 0 0.5em;
    font-size: 86%;
    padding:0 0 0.5em;
    }
  8. Klik Save Template
Navigasi ini muncul di bawah judul posting dan hanya tampil pada inner-page, bukan home-page.

sumber : http://www.ardi33.web.id/2010/03/cara-membuat-navigasi-breadcrumbs-seo-friendly.html

0 Responses to "Cara Membuat Breadcrumbs Seo Friendly"

Leave a Reply