Cara Mengubah Background Viomags menjadi Gradient Color


Viomags template yg sedang populer di grup Blogger Indonesia, Template ini simple, Support Seo dan ringan untuk perangkat apa saja.

Apa itu Gradient Color?
Pengertian Gradient Color adalah Corak yang bisa di kembangkan dari dua atau lebih, Lebih Jelasnya Memadukan warna RGB(Red Green Blue) sehingga menjadi efek gradasi warna, dengan menggunakan script css.

Cara Membedakan Gradient Atau Bukan?
Silahkan cek blog lain . biasanya kalo gradient beberapa detik headernya berubah warna.

Mengapa diubah manual, kenapa gak upload yg baru?
Tidak mau ribet edit ulang menu , dan menu Disclimer / privacy dan policy.

Kali ini saya akan Sharing Tutorial Mengubah Background header Viomags menjadi Gradasi Warna. Simak baik-baik ya.

- Masuk ke Dashboard Blogger

- Pilih Menu Themes/Tema -> Edit HTML

- Pada Tab Html tekan CTRL+F ketik <b:skin> . Lalu Copy kode di bawah ini atau bisa ambil disini . Pastekan di bawah <b:skin>.




- Lalu cari kode seperti di bawah ini

/* HEADER */
#header-container {
background: #5b86e5;
background: linear-gradient(to right, #5b86e5, #36d1dc);
-webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2);
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2);
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 999;
}

Ganti dengan kode dibawah ini

/* HEADER */
#header-container { 
 -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2); 
 box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2); 
 position: fixed; 
 top: 0; 
 left: 0; 
 right: 0; 
 width: 100%; 
 z-index: 999; 
}

- Selesai Simpan Themes/Tema


Cara ini tidak hanya untuk template Viomags bisa juga untuk wordpress dan tema blogger lainnya . cuma cara penempatannya yg berbeda. Semoga Bermanfaat dan sekian terima kasih

Sumber: Mudah RIZKI!1!1!

Kategori :
Facebook twitter Google

Related Post

Berlangganan update artikel terbaru via email:

1 Komentar