Navigasi Label atau Breadcrumbs merupakan sebuah navigasi yang biasanya terletak diatas judul posting sebuah blog yang berfungsi untuk memberikan informasi posting atau artikel yang sedang dibaca, agar memudahkan pembaca dalam mencari artikel yang sedang dibacanya.
Breadcrumbs ini dibuat agar blog sobat terlihat lebih menarik sehingga pengunjung blog sobat akan lebih senang.
Jika sobat bloger ingin menerapkannya Cara Mudah Membuat Navigasi Label Atau readcrumbs di atas judul postingan berikut langkah mudahnya :
1. Masuk ke akun Blogger Sobat
2. Masuk menu Template
3. Pilih edit HTML jangan centang kotak expand template widget untuk jaga-jaga kalau terjadi kesalahan
4. Cari kode ]]></b:skin> untuk memudahkan dalam pencarian kode sobat bisa menggunakan CTRL+F
5. Copy kode dibawah ini kemudian pastekan tepat diatas ]]></b:skin>.
.breadcrumbs{ padding:5px 5px 5px 0; margin:0; font-size: 90%; line-height:1.4em; border-bottom:1px solid black; }
6.
Kemudian cari kode <b:includable id='post'
var='post'> dan copy kode dibawah
ini tepat dibawahnya.
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'><a expr:href='data:blog.homepageUrl'>Home</a> > <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> </b:if> > <data:post.title/> </div> </b:if> </b:if>
7. Terakhir, silahkan anda klik simpan atau save. Selesai
Untuk melihat hasilnya, sobat bisa mengunjungi halaman posting blog sobat, maka sobat akan lihat navigasi label (breadcrumbs) telah muncul diatas judul posting blog sobat.
Demikianlah Cara Mudah Membuat Navigasi Label Atau Breadcrumbs Di Atas Judul Postingan,
Semoga bermanfaat.
0 komentar:
Post a Comment