Cara Mengubah Warna Gradasi Menu Header Viomagz

This content uses Indonesian, please change to your language by pressing the translate button below.
Thank you for your visit.

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 !!

Note :

Buat kalian yang menginginkan Template Viomagz Redisign Limited Edition bisa mendapatkannya disini secara gratis : https://www.hidayatimur.com/2019/07/template-viomagz-redisign-limited.html




16 تعليقات

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.

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

    ردحذف
  2. Hekkk... Selanjutnya bikin untuk template laennya yak...

    ردحذف
  3. Mantep tenan mas izin sedot..

    ردحذف
  4. save dulu bro, buat nanti experiment

    ردحذف
  5. biar warnanya bisa beruba ubah gimana ya

    ردحذف
    الردود
    1. pakai background animation mas., caranya bisa search di penelusuran pada blog ini

      حذف
  6. Postingan populer juga bang

    ردحذف
  7. terima kasih gan, berhasil

    ردحذف
  8. cara ganti simbol + - di menu bar viomagz gimana gan? Kalau bisa buat tutorialnya

    ردحذف
  9. Mas, buat tutorial cara ganti judul jadi logo di header viomagz donk

    ردحذف
  10. Kapan-kapan saya mau coba gan hehee.

    ردحذف
  11. keren ih blog nya

    ردحذف
  12. bagaimana caranya warna tempelate yg bagian atas bisa menyesuaikan hp kita (android). misalkan kayak punya ente warnaya biru, pas dibuka pakai hp warnanya bisa ikut biru navabarnya hp

    ردحذف
  13. Thanks gan, udah saya coba dan berhasil

    ردحذف

إرسال تعليق

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.

أحدث أقدم