Skip to main content

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 > Pilih menu Tema > Edit HTML

2. 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}

3. Hapus kode yang saya tandai biru 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}

4. Jika sudah pilih Simpan Tema

Keterangan: Kalian juga bisa mengubah kombinasi warna tersebut sesuai dengan yang kalian inginkan pada kode yang saya tandai Biru tersebut.

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.

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar
Tutup Komentar