Cara Merubah Warna Sub Menu Dropdown Tamplate Evo Magz
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 :- Pertama silahkan anda masuk ke dasbord tamplate anda lalu pilih Tamplate >> Edit
- Selanjutnya tekan CTRL+F lalu paste kode nav-menu2 li ul { sehingga akan muncul deretan HTML seperti berikut:
- Kode background:#fff; merupakan kode warna yang saya pakai, anda bisa menemukan kode warna secara lengkap. Silhkan ----> Lihat Kode Warna
- 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
- color:#333; adalah warna tex yang bisa anda rubah sendiri dengan memasukkan kode warna yang anda inginkan
- 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
- background:#37c270; adalah kode warna hover sub menu. Anda bisa pilih warna sesuka hati anda.
.nav-menu2 li li a {
display: block;
color:#333;
position: relative;
z-index:100;
line-height:32px;
}
display: block;
color:#333;
position: relative;
z-index:100;
line-height:32px;
}
.nav-menu2 li li a:hover {
background:#37c270;
}
background:#37c270;
}
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 BloggerPenutup: 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
seconds.
Post a Comment
Silahkan berkomentar yang sopan, sesuai topik, No Spam, Centang kotak pada Notify me !