Halo teman-teman, apa kabarnya ? Semoga baik-baik saja yah, amin.
Pada kesempatan kali ini saya akan menjelaskan cara membuat menu navigasi breadcumb, banyak sekali orang membuat menu dengan efek bermacam-macam, nah kali ini saya akan mencoba membuat menu dengan breadcumb, penasaran seperti apa jadinya, langsung saja kita praktikan.
Seperti biasa silahkan teman-teman buka text editor nya masing-masing, nemun sebelum nya teman-teman harus download gambar breadcumb nya di google. kemudian kalo sudah ada ketikan script HTML seperti berikut:
Kalo sudah kita lanjutkan untuk script CSS nya, teman-teman buat file CSS dengan nama global.css kemudian silahkan ketikan kembali script CSS berikut:
Pada script background-image masukan gambar breadcumb yang sudah di download teman-teman, kalo sudah sekarang gabung file CSS kedalam HTML, cara nya seperti berikut:
Kalo sudah jangan lupa disimpan kemudian coba teman-teman buka di browsernya masing-masing dan lihat hasilnya.
Lumayan menarik yah, baiklah sampai disini artikel mengenai cara membuat menu navigasi breadcumb, semoga bisa bermanfaat, sampai ketemu dilain kesempatan 🙂