Header Ads

Cara Membuat Menu Navigasi Breadcrumbs di Blogger

Cara Membuat Menu Navigasi Breadcrumbs di Blogger

Menu navigasi breadcrumbs merupakan menu hirarki untuk mengelompokkan artikel dalam suatu kategori atau label yang sama.

Nah, untuk lebih jelasnya perhatikan tulisan kecil yang ada di atas judul posting ini atau lihat gambar di samping.

Bila di template blog kesayangan Anda belum terdapat menu navigasi breadcrums ini dan Anda ingin memasangnya, berikut ini langkah-langkah untuk membuat menu navigasi breadcrumbs di Blogger.

Selamat menyimak dan semoga bermanfaat.

Masuk ke akun Blogger Anda.

Klik Rancangan > Edit HTML.

Back up template dulu dengan mengeklik Download Template Lengkap untuk mengantisipasi kalau nanti terjadi kesalahan.

Beri tanda centang pada Expand Template Widget.

Cari kode ]]></b:skin> (Gunakan Ctrl + F untuk memudahkan pencarian).

Copy kode di bawah ini dan paste di atas kode tersebut.

#breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:10px;
line-height: 1.4em;
border-bottom:3px double #333;
}

Selanjutnya cari kode <div class='post hentry'>

Kemudian copy kode berikut ini dan paste di bawah kode tersebut.

<b:if cond='data:blog.pageType == &quot;item&quot; '>
<div id='breadcrumbs'>
Browse: <a expr:href='data:blog.homepageUrl'>Home</a> &gt; <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;'> &gt; </b:if>
</b:loop>
</b:if> &gt; <a expr:href='data:post.link'><data:post.title/></a>
</div>
</b:if>

Klik tombol SIMPAN TEMPLATE.

Lihat artikel Anda untuk melihat hasilnya.

5 comments:

  1. mas sudah saya coba tapi hasil nya gk kelihatan mohon pencerahan nya mas.

    ReplyDelete
  2. @ligling Coba cara yang ini mas, http://klikmunadi.blogspot.com/2011/11/cara-membuat-menu-navigasi-breadcrums.html

    ReplyDelete
  3. Aku pake script lainnya yang lebih panjang tapi nggak semua menu ini bisa muncul di google, btw mas bro apa script diatas juga bisa muncul di google ??

    ReplyDelete
  4. @Ramzi Kalo membuat menu breadcrumbs muncul di Google, saya belum memahaminya..

    ReplyDelete
  5. Terimakasih buat artikelnya, mantab sob, menambah pengetahuan, bermanfaat..

    ReplyDelete

Comment Policies:

1. NO SPAM
2. NO LIVE LINK

Any violation will be deleted within 24 hours, thanks for your attention.

Template images by Ollustrator. Powered by Blogger.