Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Mengubah Warna Header Template Viral Go Menjadi Gradient Color

Cara Mengubah Warna Header Template Viral Go Menjadi Gradient Color

Cara Mengubah Warna Header Template Viral Go Menjadi Gradient Color - Kali ini saya akan menjelaskan cara mengubah warna menu navigasi atas template viral go menjadi warna warni (pelangi) seperti punya arlina design.

Template Viral Go merupakan Template yang yang sangat populer bagi kalangan blogger, template buatan Naminakiky memiliki banyak sekali peminat, selain templatenya keren dan indah di pandang mata, banyak yang bilang template ini juga mudah untuk diterima oleh adsense

Template ini juga digunakan oleh arlina design untuk blognya, dia juga mengubah tampilan pada template tersebut agar terlihat berbeda, keren dan lebih enak dipandang. Tidak heran banyak pengguna template tersebut ingin template blog mereka terlihat mirip dengan beberapa redesignnya tersebut.

Salah satunya adalah dengan mengubah warna navigasi bar atas menjadi berwarna warni yang berubah-ubah atau bergerak dari kiri ke kanan. Sebenarnya untuk memasangnya cukup mudah, oleh karena itu mari kita simak baik-baik tutorial berikut.

Cara Mengubah Warna Header Template Viral Go menjadi Gradient Color

  1. Buka Blogger kalian
  2. Pilih menu Tema
  3. Pada SESUAIKAN, pilih Edit HTML
  4. Cari Kode ini di dalam template Viral Go /* Top Menu */ atau biasanya lebih lengkapnya seperti ini:
    /* Top Menu */
    .header-top-menu{background:#01a3a4;display:block;height:52px;line-height:52px}
  5. Hapus kode yang saya beri mark tersebut, kemudian ganti dengan kode ini
    @keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}
    .header-top-menu{background:#f24a4a;background:linear-gradient(-50deg,#ee5952,#ea3a7e,#20aadb,#23e0b3);background-size:320% 200%;animation:Gradient 15s ease infinite;display:block;height:52px;line-height:52px}
  6. Jika sudah pilih Simpan Tema

Keterangan: Kalian juga bisa mengubah kombinasi warna tersebut sesuai dengan yang kalian inginkan

Itulah tadi tutorial cara mengubah warna header menu menjadi gradient color pada template Viral Go, semoga tutorial dari analisyuki.com ini dapat memberi manfaat, Terimakasih.

Admin
Admin Hanya seorang blogger yang malas menulis

Posting Komentar untuk "Cara Mengubah Warna Header Template Viral Go Menjadi Gradient Color"