Cara Merubah Warna Sub Menu Dropdown Tamplate Evo Magz


Modifikasi Tamplate Evo Magz - Tamplate evo magz buatan Mas Sugeng memang memiliki kelebihan tersendiri. Seperti mudah disesuaikan dengan keinginan  yang memiliki karakter warna warni dan tentunya Responsive.

Sehingga pada saat ii banyak pengguna tamplate yang satu ini. Panduan setting secara umum untuk tamplate evo magz sebenarnya sudah dijelaskan panjang lebar oleh pembuatnya yaitu Suggeng Id. Bagi anda yang belum mencoba tamplate yang satu ini juga bisa anda dapatkan secara langsung di sana.

Namun apabila anda ingin merubah beberapa tampilan khusus yang tidak ada di panduan umum tersebut, disini anda diperlukan memodifikasi secara manual melalui edit HTML di blog anda. Disini saya akan membagikan toturial untuk merubah warna pada sub menu dropdown pada tamplete evo magz.

Namun sebelumnya untuk merubah warna menu bar secara keseluruhan sebenarnya bisa anda setting melalui pengaturan dasbord, dengan cara masuk ke menu Tema >> Sesuaikan >> Lanjutan. Disana anda akan menemukan banyak pilihan untuk menyesuaikan design tema anda sesuai dengan keinginan.
Namun demikian khusus untuk merubah menu dropdown evo magz tidak ada disettingan tersebut, sehingga tetap akan tampil sesuai dengan tampilan awal tamplate evo magz yaitu warna putih dengan huruf warna hitam.
Sehingga saya rasa akan lebih bagus apabila warnanya kita sesuaikan dengan warna dominan pada warna tamplate yang kita terapkan. Anda juga bisa merubah warna sesuai dengan keinginan anda. Berikut ini saya sajikan langkah - langkahnya.

Cara Merubah Warna Sub Menu Evo Magz Tamplate. 

Disini saya iseng - iseng  sedikit modifikasi tampilan menu dropdown tamplate evo magz  dengan melakukan editing CSS untuk menerapkan warna yang kita inginkan di sub menunya. Berikut langkah - langkahnya :
  1. Pertama silahkan anda masuk ke dasbord tamplate anda lalu pilih Tamplate >> Edit
  2. Selanjutnya tekan CTRL+F lalu paste kode nav-menu2 li ul { sehingga akan muncul deretan HTML seperti berikut: 

  3. Kode background:#fff; merupakan kode warna yang saya pakai, anda bisa menemukan kode warna secara lengkap. Silhkan ----> Lihat Kode Warna
  4.  Apabila anda mengunginkan juga merubah warna tex dari sub menu tersebut maka bisa scroll kebawah cari kode nav-menu2 li li a { dan selanjutnya akan muncul CSS seperti berikut 
  5. .nav-menu2 li li a {
        display: block;
        color:#333;
        position: relative;
        z-index:100;
        line-height:32px;
    }
  6. color:#333; adalah warna tex yang bisa anda rubah sendiri dengan memasukkan kode warna yang anda inginkan 
  7. Dan selanjutnya agar lebih elegan anda bisa merubah warna hover dari sub menunya. Warna hover akan keliatan ketika anda select salah satu dari sub menu tersebut. Caranya scroll di bawahnya temukan kode ini 
  8. .nav-menu2 li li a:hover {
        background:#37c270;
    }
  9. background:#37c270; adalah kode warna hover sub menu. Anda bisa pilih warna sesuka hati anda. 
Itulah tutorial singkat saya mengenai cara merubah warna dari sub menu dropdown tamplate evo magz. Nanti hasilnya akan terlihat seperti menu tamplate yang saya gunakan saat ini 

Cukup mudah bukan? silahkan anda coba terapkan pada tamplate blog anda sendiri. Sebenarnya cara ini juga bisa diterapkan di berbagai tamplate, yaitu dengan cara edi CSS di tamplate anda. Usahakan dalam memilih warna agar disesuaikan dengan warna dominan di tamplate anda agar nyambung. Agar lebih profesional anda juga dapat menambahkan Menu Multi Dropdown pada tamplate ini. 
Baca Juga: Cara Mudah Menambah Menu Multi Dropdown di Blogger
Penutup: Itulah  Cara Merubah Warna Sub Menu Dropdown Tamplate Evo Magz. Semoga bisa membuat tampilan blog anda lebih enak dilihat sehingga pengunjungpun menjadi lebih betah berlama - lama di blog anda. Terimakasih, Salam Blogger




bm

Hanya seorang manusia biasa yang ingin berbagi pengalaman dan mencoba hal - hal baru.

Post a Comment

silahkan berikan komentar anda dan saran terbaik untuk kemajuan blog ini.