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

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 

  1. Masuk ke blog masing – masing
  2. Klik Template > Edit HTML
  3. Tekan CTRL+F lalu cari kata “toggle” 
  4. Nanti kurang lebih scriptnya seperti berikut
    membuat toggle menu tetap aktif
  5. 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
  6. Cara termudah untuk membuat toggle menu tetap aktif adalah dengan merubah nilainya menjadi lebih besar, misalnya jadi 1500px
  7. Kalau berhasil, kurang lebih hasilnya akan terlihat seperti berikut ini
    toggle menu tetap aktif meskipun layar tidak dikecilkan

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


4 Responses to "Membuat Toggle Menu Template Evo Magz Tetap Aktif"

  1. o yang itu togle menunya. kalo saya ga liat gambarnya bingung juga yang mana. bisa di coba utak atik nih

    ReplyDelete
  2. ingin ku berkomentar
    apa daya daku takpaham T__T

    ReplyDelete
  3. 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

    ReplyDelete
  4. evo magazine ya, kayaknya tempalte ini sering dipake orang2, kalau ga salah supaya mudah approval GA ya?

    toggle menu saya aktif, saya pakai EVA blogger template

    ReplyDelete

Silahkan untuk meninggalkan komentar, santai saja dan mulailah berkomentar...