Sabtu, 22 Desember 2012

Home » » Cara membuat navigasi breadcreamb di blog

Cara membuat navigasi breadcreamb di blog

Navigasi breadcrumb adalah membuat navigasi sejajar (horizontal) berdasarkan label yang kita buat di tulisan yang publikasikan. Saat kita buka sebuah postingan maka kita akan mengetahui postingan yang kita buka itu termasuk dalam kategori (label) apa.

Navigasi breadcrumb ada di atas judul postingan  yang kita buka, kalo kamu lihat gambarnya ada tulisan kecil yang berada tepat di atas judul postingan AKAN KEMANAKAH (Puisi Cak Nun)...

Ada beberapa manfaat yang isa kita peroleh jika kita membuat navigasi breadcrumb.
Diantaranya dalah untuk mempercantik tampilan blog kita, untuk mempermudah navigasi blog (mempermudah pengunjung blog kita untuk menelusuri tulisan-tulisan yang ada di blog kita).

Selain itu juga bisa meninggkatkan page view blog kita dengan navigasi yang mudah. Dan yang terakhir dengan membuat navigasi breadcrumb kita dapatkan mengoptimalkan blog kita di search engine dengan keyword yang muncul di breadcrumb begini caranya mari kita simaks.....

Cara Membuat Navigasi  Breadcrumb di Blog

1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut <b:if cond='data:post.title'> dan Tambahkan kode berikut ini tepat di bawahnya


<b:if cond='data:blog.pageType == "item"'>
<a href='http://namablog.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>

7. Kita ganti namablog dengan subdomian blog kita sendiri. dan Simpan Template jika sudah selesai, ucapkan Syukur Alhamdulillah okey.........

dah itu saja kalo mau komentar monggo......


Berita Terkait

Tidak ada komentar:

Komentar