Membuat Highlight Menu Nav Actived
Membuat Highlight Menu Nav Actived
Arleth-desz - Cara Membuat Highlight Menu Nav Actived, menu hightlight akan aktif jika url halaman atau postingan tersebut sama dengan yang ada di menu. Contohnya bisa kalian lihat pada template yang saya buat yaitu Template Fanshare Light Gridz.
Cara membuat menu ini cukup mudah, kalian tinggal tambahkan nama Class, javascript & CSS yang diperlukan saja, tidak perlu menambahkan HTML menu. Untuk Demo/Pratinjau kalian bisa cek link dibawah ini, untuk memastikan menu Highlight aktif kalian tinggal pilih menu Sitemap diurl Demo.
Cara membuat menu ini cukup mudah, kalian tinggal tambahkan nama Class, javascript & CSS yang diperlukan saja, tidak perlu menambahkan HTML menu. Untuk Demo/Pratinjau kalian bisa cek link dibawah ini, untuk memastikan menu Highlight aktif kalian tinggal pilih menu Sitemap diurl Demo.
Cara Membuat Highlight Menu Nav Aktif
- Pastikan Blog kamu memiliki Js jquery seperti ini
- Cari Menu Navigasi blog kamu contohnya seperti gambar berikut
Tambahkan class='active' didalam menu <li> - Jika Sudah Tambahkan CSS berikut kedalam <style> atau </style>
Kamu juga bisa ubah warna menu aktifnya - Langkah terakhir yaitu menambahkan Javascript, caranya :
Cari </head><!--<head/>--> atau </head>, lalu simpan javascript berikut diatasnya & jangan lupa sesuaikan nama class sesuai dengan menu nav blog kalian. - Jika sudah save & lihat hasilnya..
Ok saya rasa cukup sekian tutorial kali ini semoga bermanfaat, jika ada pertanyaan silahkan tulis dikotak comment dibawah. Sampai jumpa diartikel selanjutnya. Terima kasih.



Comments
Post a Comment