Cara Mengganti Warna Header Template VioMagz dalam 5 menit

Lingkarcara.com - Memiliki template yang bagus tentunya menjadi daya tarik sendiri untuk pemilik blog dan para pengunjungnya. Saya sering takjub melihat template blog orang lain yang dikemas menjadi keren dan indah, saya sering mengunjungi situs blog tersebut, diantaranya situs mastimon.com dan situs maslogi.com.

Situs blog mastimon dan maslogi dan juga situs milik saya lingkarcara.com sama-sama menggunakan template blog VioMagz, saya menggunakan versi 2.2, untuk maslogi.com sudah menggunakan versi 3.1.

Kedua situs tersebut kontennya sangat bagus dan desain atau templatnya juga sangat bagus, menjadikan saya ingin merubah warna Header menjadi keren. Warna dasar Template VioMagz v2.2 warna hijau, boleh diganti sesuai dengan selera kamu.


Cara Mengganti Warna Header Template VioMagz dalam 5 menit

1. Login pada Blogger.com
2. Klik Tema
3. Klik Html


4. Cari "header-container" dengan cara ctrl F
5. Hapus kode di bawah ini

background: $(header.background.color);
    color: #fff;
    -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;

}

6. Ganti dengan kode di bawah ini

background: #755be5;
background: linear-gradient(to right, #0000FF, #FF8C00);
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 999;
height: 48px;

}

7. Simpan Tema

Anda juga bisa merubah kode #0000FF dan kode #FF8C00 dengan kode lainnya

Untuk merubah warna bisa kunjungi Kode Warna CSS Lengkap

Baca Juga Tutorial Merubah Template VioMagz

8. Lihat Hasilnya

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel