Breadcrumbs adalah sebuah menu navigasi pada suatu blog atau website yang membantu pengunjung untuk memahami pengguna saat berada dalam sebuah website. Dengan demikian breadcrumbs ini menyempurnakan navigasi seperti homepage, kategori, tag, atau bagian-bagian menu itu sendiri. Dalam pembuatan breadcrumbs kali ini sahabat perlu pahami kita akan menggunakan <ol> tag Ordered List supaya mudah diberikan stylenya. Ok jangan kemana-mana simak langkah-langkah membuat breadcrumbs berikut:

Langkah pertama buat file HTML seperti code dibawah ini :

Pada code diatas ada 2 tampilan desain breadcrumbs yang kita akan dibuat, jangan lupa simpan lalu coba jalankan pada browser.

Cara membuat breadcrumbs

Bisa dilihat tampilan dasar tag Ordered List adalah list urutan, dan sekarang lanjutkan ke langkah yang berikutnya.

Langkah yang kedua adalah menambahkan style seperti code dibawah ini:

Nah, setelah sahabat selesai mengetikkan code untuk style jangan lupa simpan dengan nama file style.css, supaya tidak lupa saya ingatkan kembali perhatikan pada code html tag head apakah sudah dibuat link untuk css external seperti berikut:

Coba save kedua file diatas lalu sekarang jalankan pada browser kembali dan lihat hasilnya apakah sudah benar seperti tampilan berikut:

Cara-membuat breadcrumbs

Saya kira cukup pembahasan kali ini tentang cara membuat breadcrumbs , semoga bermanfaat dan sampai jumpa dengan pembahasan lainnya.

terima kasih.