Cara Membuat Breadcrumb-Navigation di Blog

Breadcrumb-Navigation
Tips dan cara membuat breadcrumb-navigation pada blogspot. Breadcrumb-navigation bisa membuat template kita lebih seo friendly, karena akan mempermudah search engine menemukan artikel-artikel kita. Navigasi ini di kenal dengan nama breadcrumb-navigation. Tidak hanya itu dengan adanya breadcrumb-navigation maka pembaca dapat dengan mudah melihat posisi artikel yang di baca serta mencari artikel dalam satu kategori. breadcrumb-navigation bisa di pasang pada template blogger dengan sedikit modifikasi templatenya, dengan begitu breadcrumb-navigation akan lebih mudah jika langsung di praktekkan.

Cara memasang breadcrumb navigation sebagai berikut:
  • Login ke blogger.com
  • Klik Tata Letak.
  • Pilih tab Edit HTML
  • Click Download Full Template and
    please back up your template first.
  • Kemudian beri tanda centang
    pada kotak kecil di samping
    tulisan Expand Template Widget.
  • Silahkan cari kode ]]></b:skin>
  • Copy lalu paste kode di bawah
  • ini persis di atas kode ]]></b:skin>

.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double
#e6e4e3;
}

8. Silahkan cari kode berikut pada
template anda :
<div class='post hentry uncustomized-post-template'>

9. 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' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>

</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='breadcrumbs'>
<data:navMessage/>
</div>
</b:if>
</b:if>

10. Kemudian Save Template.
11. Tunggu beberapa saat sampai

template anda tersimpan. Setelah selesai lihat pada posting anda tepatnya di atas judul artikel untuk menentukan berhasil tidaknya anda memasang breadcrumb-navigation. Jika berhasil maka breadcrumb-navigation nya akan tampil seperti di atas judul posting ini.

Selamat mencoba....

Sumber: abdulroqib.blogspot.com

14 komentar:

  1. wah kapan2 pengen buat ah tentang breadcrumb..biar rame di google...hehehehe

    manteb master....

    BalasHapus
  2. wahh ,,, ini sangat bermanfaat ... makasi mas ..

    kalo bersedia komen balik di blog saya ya ..

    http://fattah-blog.blogspot.com

    BalasHapus
  3. untungnya aku sudah pasang kang

    BalasHapus
  4. kalo di kasih previewnya, pasti postingannya lebih bagus :D

    BalasHapus
  5. Waah.. baru tau nih mas. thank infonya

    BalasHapus
  6. aku juga baru tahu ney trima kasih infonya, :j:

    BalasHapus
  7. thank you kawan,sekarang blog saya tambah beken

    BalasHapus
  8. Wah...boleh juga nih.....

    Thanks Cuy !!!1

    BalasHapus
  9. Ribet banget carinya ya mas...

    Btw, thanks postinganya. Jazzakummullah Khoiron Khatshiron

    BalasHapus
  10. mksih bwt tips dan info'y sangat bermnfaat sekli...

    BalasHapus
  11. SUPER BAGUS - Info penting yang memberikan wawasan dan inspirasi anda, Baca juga :

    Daftar Lengkap Harga Burung Kenari Terbaru 2014
    http://super-bagus.blogspot.com/2014/06/daftar-lengkap-harga-burung-kenari-terbaru.html

    Tips Sukses Berternak Burung Kenari
    http://super-bagus.blogspot.com/2014/06/tips-sukses-berternak-burung-kenari.html

    Cara Mudah Budidaya Burung Lovebird Yang Sukses
    http://super-bagus.blogspot.com/2014/06/cara-mudah-budidaya-burung-lovebird.html

    Rahasia Sukses Burung Kicau Jadi Jawara
    http://super-bagus.blogspot.com/2014/06/rahasia-sukses-burung-kicau-jadi-jawara.html

    Cara Memilih Dan Merawat Cucak Hijau Yang Benar
    http://super-bagus.blogspot.com/2014/06/cara-memilih-dan-merawat-cucak-hijau-yang-benar.html

    BalasHapus

Mau tukeran link? silakan buka Link Sahabat dan apabila ada pertanyaan silakan tulis di Kotak Pertanyaan. Terima Kasih...

Kami akan menghapus komentar yang: Tak sopan, memakai HURUF BESAR, berupa caci maki, mengandung kata-kata kebun binatang, debat kusir, provokasi, di luar konteks, berupa undangan/ reklame. Komentar yang terlalu panjang, tanpa paragraf dan sulit dipahami. Komentar copy-paste, silakan di-link saja.

Isi komentar adalah tanggung jawab penulis komentar, bukan tanggung jawab pengelola blog/situs ini. Harap maklum.