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 membuat navigasi breadcrumb blog , 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

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 cara buat navigasi breadcrumb lainnya
- cara membuat navigasi breadcrumb pada Blog ini seri 2
- cara membuat navigasi breadcrumb pada Blog ini seri 3

Cara Membuat Navigasi Breadcrumb Pada Blog 9out of 10 based on 10 ratings. 9 user reviews.

Jika artikel ini bermanfaat bagi anda. Mohon klik tombol Google+ dan tombol Like dibawah ini untuk mendukung blog ini dan sebagai ucapan terima kasih dari anda. terima kasih

Berlangganan via RSS Feed

Anda Ingin artikel seperti ini langsung ke Email anda Silahkan masukkan alamat Email anda Untuk Berlangganan :

related posts Cara Membuat Navigasi Breadcrumb Pada Blog:

Label tutorial blog 0