Cara Merubah Warna Menu Header Template Kompi Flexible
Kompi Flexible merupakan salah satu template blog yang banyak digunakan kalangan blogger, sebab tampilannya begitu elegant, SEO nya bagus serta enak dipandang dan kecepatan loadingnya yang super keren dijamin nagihin.
Saya sendiri sampai jatuh hati dengan Template Kompi Flexible dan memutuskan mengganti template lama saya sebelumnya. Sebelumnya situs jejakunik.com memakai template kompi ajaib dan saat ini sudah berganti ke kompi flexible.
Alasanya simple! karena banyaknya blogger yang mengeluh-eluhkan template kompi flexible dan akhirnya saya tergoda juga walaupun dengan berat hati. Buat sobat yang ingin melihat template lama jejak unik berikut demonya (Sekarang hanya dijadikan kenangan saja templatenya hehe)
Back To Laptop
Untuk merubah warna menu template kompi flexible cukup mudah tapi tetap saja untuk yang baru belajar seperti saya ini awalnya bingung sebab ketika saya ganti warna background namun tidak berubah-ubah juga.
Umumnya kode warna backgroud warna: #F0F8FF dan kita ganti #FAEBD7, pastinya akan langsung berubah namun berbeda dengan template buatan master blogging kompi ajaib ini karena kode warnanya menggunakan (RGB) sehingga sampai matipun warna menu anda tidak akan berubah jika hanya mengganti color utamanya saja.
Kita langsung saja ke TKP, pertama tentunya sobat harus login ke editor template anda dan cari grub kode-kode css kurang lebih seperti ini:
👉 Primary Background and Color */
dan di bawahnya ada CSS seperti ini
.halaman{background: bla...bla...bla }}Sobat tinggal hapus dari background sampai.. }} lalu ganti dengan kode css ini:
{background: linear-gradient(-50deg, #ee5952, #ea3a7e, #20aadb, #23e0b3);-webkit-animation: Gradient 15s ease infinite;-moz-animation: Gradient 15s ease infinite;animation: Gradient 15s ease infinite;}@-webkit-keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@-moz-keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}Save template dan perhatikan kode penutup yang saya blok kuning (jangan sampai kurang)
Catatan: Trik di atas bukan hanya mengubah menu header namun untuk bagian bawah footer juga akan otomatis mengikuti warna menu.
Berikut ini tampilan menu header template kompi flexible setelah dirubah, terlihat semakin elegant!
Jejak Unik
Kumpulan Informasi Unik Menarik Dari Berbagai Belahan Dunia. www.jejakunik.com