Cara Mengubah Warna Gradasi Menu Header Viomagz - Kurazone Blog | Panduan Belajar Blogger Pemula

Cara Mengubah Warna Gradasi Menu Header Viomagz

Pilihan Editor :

Cara Mengubah Warna Gradasi Menu Header Viomagz
Penulis Bagus Surochman
4
Modus malam




KURAZONE ~ Memang memang memang, setelah Mas Sugeng sukses menghebohkan dunia Blog dengan template Evomagz nya, kini hadir sang adik yang tidak kalah fenomenalnya. Ia adalah Viomagz.

Banyak teman - teman Blogger yang menggunakan template Viomagz tersebut, namun untuk masalah warna kembali pada selera masing - masing. Sehingga ada beberapa teman yang mencoba untuk mengubah warna background menu bawaan dari template Viomagz tersebut. Salah satu warna yang sering diubah adalah warna gradasi pada menu header, seperti dibawah ini :


Nah, buat sahabat Kurazer yang ingin mengubah warna gradasi pada menu header Viomagz, berikut adalah "Cara Mengubah Warna Gradasi Menu Header Viomagz"

1. Buka akun Blogger >> Pilih Tema >> Edit HTML
2. Cari kode dibawah ini :
#header-container {
dibawah kode tersebut akan ada kode  :
background: linear-gradient(to right, $(header.background.kiri), $(header.background.kanan));

ubah kode : $(header.background.kiri) dan $(header.background.kanan) menjadi kode warna yang kalian inginkan. Contoh :
background: linear-gradient(to right, red, blue);


Kalian juga bisa mengubah direction warna gradasi nya dengan mengganti tulisan to right nya, misal menggunakan to left, maka kodenya akan menjadi seperti dibawah ini :
background: linear-gradient(to leftredblue);


Contoh to right (dari merah KEKANAN menjadi biru)

Contoh to left (dari merah KEKIRI menjadi biru)

Contoh direction lain bisa dilihat pada artikel berikut :
Cara Membuat Background Gradasi Linear CSS3 di Blog

Sedangkan apabila kalian ingin menggunakan warna lebih dari 2 (3 warna / 4 warna / 5 warna / dan seterusnya), maka cukup tambahkan kode warna setelah warna kedua
background: linear-gradient(to rightredblue, warna3, warna4);

Penggunaan warna bisa menggunakan HTML Color ataupun HTML Hexadecimal.
1.  HTML Color seperti Red, Blue, Pink, Orange, Black dsb..
2. HTML Hex seperti #333333, #FFC000, #007BFD, #670000 dsb...
Untuk Kode HTML Hexadecimal bisa diperoleh disini :
Google Color Picker Online

3. Kemudian Simpan Template
Cukup mudah bukan? Sisanya silahkan kembangkan kreatifitas kalian.

Itulah informasi mengenai "Cara Mengubah Warna Gradasi Menu Header Viomagz", selamat mencoba dan semoga bermanfaat. Goodluck !!
nanio
Cara Mengubah Warna Gradasi Menu Header Viomagz
Cara Mengubah Warna Gradasi Menu Header Viomagz Cara Mengubah Warna Gradasi Menu Header Viomagz Reviewed by Bagus Surochman on 7/15/2018

4 komentar:

  1. Jadi cakep deh blog ane kalo begini nih, tampilam gradasinya jadi bisa di update sesuai mood... 😁

    BalasHapus
  2. Hekkk... Selanjutnya bikin untuk template laennya yak...

    BalasHapus
  3. Mantep tenan mas izin sedot..

    BalasHapus

1. Berkomentarlah dengan tata bahasa yang baik agar orang lain tahu sebijak apa karakter anda melalui kata kata.
2. Silahkan tulis komentar anda untuk hal apapun yang masih berhubungan dengan post pada halaman ini.
3. Mohon untuk tidak menyertakan Link Aktif pada kolom komentar.
4. Mohon maaf apabila tidak sempat membalas komentar 1 per 1.
5. Komentar selalu di moderasi.