Saturday, April 09, 2011

Cara Buat Breadcrumb navigasi di Blog, Google Breadcrumb navigasi

kali ini saya akan berbagi tentang cara membuat breadcrumb navigasi di blogspot dengan mudah, bagi yang belum tau silahkan ikuti langsung petunjuk berikut ini:
oiya, sebelumnya saya juga pernah membuat artikel mengenai Google breadcrumb navigasi di search engine.. kalo belum tau silahkan baca dulu artikel nya disini : "Google Breadcrumb navigasi". di artikel tersebut, saya bahas mengenai breadcrumb di search engine yang mempengaruhi traffik blog kita,,,
tapi kali ini , breadcrumb ini lain dari yang saya bicarakan di atas, ini adalah breadcrumb di blog,, udah pada tau kan?? kalo belum coba sobat liat gambar nya dibawah ini:


nah, udah pada tau kan,,sekarang saya akan jelaskan cara memasang di blog blogspot anda:
  1. login ke akun blogspot anda
  2. Klik Tata Letak. / rancangan
  3. Klik tab Edit HTML
  4. beri tanda centang pada kotak kecil di samping tulisan Expand Template Widget.

    expand

  5. Silahkan cari kode ]]></b:skin>
  6. 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. Silahkan cari kode berikut pada template anda :

    <div class='post hentry uncustomized-post-template'>

    Copy lalu paste kode di bawah ini persis di bawah kode <div class='post hentry uncustomized-post-template'>

    <b:if cond='data:blog.homepageUrl == data:blog.url'>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='breadcrumbs'>
    Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187;
    <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
    <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
    <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
    </b:loop>
    </b:if> &#187; <data:post.title/>
    </div>
    </b:if>
    </b:if>

  8. Klik tombol Save Template. Link
  9. Tunggu beberapa saat sampai template anda tersimpan.
  10. Buka halaman blog anda, klik pada judul artikelnya. Silahkan lihat hasilnya.
  11. Selesai.
jika anda benar menerapkannya,, maka hasilnya akan seperti gambar yang ada di atas tadi,,
good luck :D

incoming search term:
cara buat breadcrumb,membuat navigasi blog,breadcrumb navigasi blogspot,tombol navbar blog,pasang navigasi breadcrumb,breadcrumb navigasi tutorial,breadcrumb google navigasi