Membuat Toggle Menu Template Evo Magz Tetap Aktif
Toggle menu yang saya maksud disini adalah sebuah menu yang bisa membungkus main menu ketika berada dalam ukuran layar tertentu. Sederhannya mungkin ini bisa kita sebagai sebuah menu responsive. Toggle menu ini umumnya merupakan perpaduan antara media query css dan javascript, sehingga dalam ukuran layar tertentu akan otomatis merubah posisi menu dan menyimpannya kedalam menu yang disebut toggle menu.
Baca : Cara Membuat Tampilan Navigasi Menu Website Responsive
Baca : Cara Membuat Tampilan Navigasi Menu Website Responsive
Sebenarnya saya tidak benar – benar memahami tentang penggunaan toggle menu ini, tapi yang jelas yang Saya tahu bahwa dalam toggle menu ini Javascript juga ikut mengambil peran dalam mengatur aktif dan tidaknya toggle menu ini.
Lalu bagaimana caranya membuat toggle menu di template blog tetap aktif ?
Supaya lebih jelas Saya akan memberikan contoh membuat toggle menu tetap aktif pada template blog evo magz, untuk template – template jenis lainnya juga mungkin sama, biasanya tinggal cari fungsi javascript yang digunakan untuk mengaktifkan menu toggle.
Dan berikut adalah Cara Membuat Toggle Menu Template Evo Magz Tetap Aktif
- Masuk ke blog masing – masing
- Klik Template > Edit HTML
- Tekan CTRL+F lalu cari kata “toggle”
- Nanti kurang lebih scriptnya seperti berikut
- Sebenarnya Saya tidak terlalu banyak paham dengan Javascript, tapi coba perhatikan pada baris ….. bahwa Javascript menggunakan percabangan IF yang kalau diartikan jika layar < lebih kecil 786px aktifkan toggle dan jika lebih besar atau sama dengan >= dari 768 jangan aktifkan toggle
- Cara termudah untuk membuat toggle menu tetap aktif adalah dengan merubah nilainya menjadi lebih besar, misalnya jadi 1500px
- Kalau berhasil, kurang lebih hasilnya akan terlihat seperti berikut ini
Jadi nanti kalau layar pengguna itu lebih besar 1500px maka toggle menu tidak akan aktif, tapi kalau misalnya layar yang digunakan lebih kecil atau kurang dari 1500px maka toggle menu akan di aktifkan. Intinya nanti tinggal rubah – rubah saja nilai pada percabangan IF diatas, atau mungkin Anda bisa juga menggunakan cara lainnya, tapi kalau Saya pribadi menggunakan cara seperti itu untuk membuat toggle menu tetap aktif
Seorang laki - laki biasa yang senang duduk sendirian di pinggir pantai, pengagum embun pagi dan lembayung senja, suka blogging, coding dan jogging. Moto hidupnya adalah hidup santai dan simple
o yang itu togle menunya. kalo saya ga liat gambarnya bingung juga yang mana. bisa di coba utak atik nih
ReplyDeleteingin ku berkomentar
ReplyDeleteapa daya daku takpaham T__T
pengaturan lebar layar ya mas kalau untuk perintah jsnya. tinggal responsivenya yang di atur di css. kemarin sempat bingung juga ada beberapa menu tidak aktif, terutama yang menggunakan slide, ternyata sekali di cek, penggunaan toggle menu menggunakan perintah js yang di setting untuk lebar layar tertentu... faham dah mas. makasih infonya
ReplyDeleteevo magazine ya, kayaknya tempalte ini sering dipake orang2, kalau ga salah supaya mudah approval GA ya?
ReplyDeletetoggle menu saya aktif, saya pakai EVA blogger template
evo magz itu template Blogger sejuta umat kayaknya yah
ReplyDeletebanyak banget blog tekno yg make ini xixixixixiixixixi
karna dapet isu bisa mudah diterima adsense
maksih.. ini yg aku cari. thanks
ReplyDeleteSeharian jeput nyari caranya gak ketemu222. Dan penantian berakhir di sini , Buat edit viomagz. Namun, setelah saya eksekusi gak ada perubahan
ReplyDeleteya soalnya ini evo magz, beda mas mungkin struktur themenya
Delete