Cara menggunakan a href=javascript:void(0 class=icon onclick=myfunction)

Pada kesempatan kali ini saya akan share tentang bagaimana cara membuat navigasi blogger dengan menu dropdown tanpa JQuery. Kita ketahui, banyak sekali template blogger gratisan maupun premium. Dari template itu kadang kala kita menjumpai header atau menu navigasi dengan dropdown tetapi masih menggunakan JQuery.

JQuery tersebut menjadikan loading template kita tambah lama karena kita akan me-load dari hosting pihak ketiga dimana JQuery itu diletakkan. Akses situs web yang lambat bisa membuat pengunjung tidak betah menunggu dan akhirnya pergi ke situs lain.

Kita sebagai blogger pastinya tidak ingin hal tersebut terjadi bukan?, untuk itu bagi teman-teman yang memiliki navigasi pada template masih bantuan JQuery maka teman-teman bisa mengubahnya dengan navigasi pada tutorial dibawah ini.

Catatan: Dalam praktek ini sebaiknya gunakan template yang masih kosong. Jangan lupa melakukan backup agar bisa dikembalikan sewaktu-waktu. Saya menggunakan icon dari FontAwesome ke dalam script. Kamu bisa menggantinya dengan kode SVG agar ringan dan loading lebih cepat.

Masuk ke menu Theme  - Edit HTML. Setelah itu hapus kode script css, javascript, dan tag pemanggil navigasi yang biasaya terletak pada menu header.

Salin script CSS navigasi berikut ini setelah