MENU NAVIGASI BREADCRUMBS UNTUK BLOGSPOT

Salah satu tehnik supaya blog anda nangkring di top 10 Google di antaranya mempermak template blogspot anda supaya SEO Friendly salah satunya dengan memasang MENU NAVIGASI BREADCRUMBS untuk blogspot, seperti apa sih navigasi Breadcrumbs ini nih gw kasih liat previewnya bro



Untuk membuatnya ikuti langkah berikut ini >>

Lgin ke akun blog anda pilih tata Letak n klik Edit Html lalu centang kotak kecil expand template widget

Langkah selanjutnya cari kode berikut dengan cara ctrl + f kode berikut ini

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

setelah itu taruh kode berikut tepat diatas kode tadi

<b:includable id='breadcrumbs' var='post'>
<!-- Breadcrumbs hack. By Ardi33 16/03/2010 http://www.ardi33.web.id/ -->
  <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>

Setelah itu cari kode di bawah ini

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

Lalu letakan kode berikut tepat di atas kode tadi

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

Untuk selanjutnya cari kode

]]></b:skin>

Taroh kode di bawah ini tepat diatas kode tadi

.breadcrumbs {
margin:0 0 0.5em;
font-size: 86%;
padding:0 0 0.5em;
background:url(http://i634.photobucket.com/albums/uu61/adetea/RGsdbar.gif?imgmax=800)repeat;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
}

jika menu Navigasi Breadcrombs anda tidak ingin ada background gambarnya tinggal hilangkan kode yg berwarna merah tapi kode penutup } jangan dihilangkan. klo background tetap di pertahankan tp pengen di ganti gambarnya silahkan ganti saja kode link gambarnya yg di cetak merah tebal

Dan Simpan Template

Terakhir semoga berhasil


NB: untk memakai menu ini widget label harus berfungsi

Setelah Baca Jangan Lupa Klik Suka Yach Untuk Update Berita Lewat Facebook

Judul: MENU NAVIGASI BREADCRUMBS UNTUK BLOGSPOT
Rating: 100% out of 100% based on 100000 ratings. 100000 user reviews.
Ditulis Oleh Portal Media News Terkini
Terima Kasih Atas Kunjungan Anda...