Cara Membuat Navigasi Breadcrumb Pada Blog

Cara membuat navigasi breadcrumb pada Blog - sebelum saya sampai pada judul itu pada blog tutorial cara buat navigasi breadcrumb blog berikut ini saya akan sedikit menjelaskan Apa itu navigasi breadcrumb? navigasi semacam penunjuk arah , seperti seorang pelaut membutuhkan kompas untuk memudahkan pergi ke tempat tujuan dan untuk menunjukan suatu arah sehingga tidak tersesat maupun kesulitan begitu pula dengan website membutuhkan navigasi .

Kegunaan navigasi blog atau kita sebut dengan navigasi breadcrumb adalah untuk memudahkan pengunjung untuk menemukan apa yang ia butuhkan disamping itu juga untuk membuat lebih mudah mesin pencari mengindeks isi dari website kita

Membuat Navigasi Breadcrumb Pada Blog


Ada berbagai tutorial untuk cara buat breadcrumb navigasi , karena beberapa navigasi breadcrumb pada blog tidak cocok dengan template yang kita punya .jadi tergantung pada template yang kita gunakan pada web kita
Ini adalah tutorial salah satu cara membuat navigasi breadcrumb

breadcrumb navigation
navigasi breadcrumb


Ini cara membuat navigasi breadcrumb yang pertama
1. Login ke blogger.
2. Pilih menu (Layout) »Edit HTML.
3. jangan lupa klik kolom Expand Template Widget.
4. Cari kode berikut.

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

5. Tambahkan kode berikut di bawahnya.
copy paste kode ini:

<b:if cond='data:blog.pageType == "item"'>
<a href='http://nameblog.blogspot.com/'>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 != "true"'>,</b:if>
</b:loop>
&#187;
</b:if>
<data:post.title/>
</b:if>

6. Simpan template itu.

Anda dapat menambahkan baris di bawah navigasi dengan menambahkan kode<hr/> dibawah <data:post.title/>
lalu simpan dan selamat menikmati hasilnya cara membuat navigasi breadcrumb Blog , bila anda belum cocok dengan cara buat navigasi breadcrumb blog ini silahkan baca posting saya lainnya
- cara membuat navigasi breadcrumb pada Blog ini seri 2
- cara membuat navigasi breadcrumb pada Blog ini seri 3

Pin It!

fb comment box

2 komentar:

Guru Pantura mengatakan...

Mantabs gan infonya... :)

bos dollar mengatakan...

simpel juga caranya..
langsung praktik gan..
makasih atas infonya

Poskan Komentar

◄ Newer Post Older Post ►