Banyak Cara untuk membuat Suatu background blog atau website yang kita Miliki, Salag satunya adalah dengan memberikan Warna dengan menggunakan Gambar yang unik, namun Cara tersebut dalam membuat website atau blog loadingnya menjadi berat, Namun ada solusi apabila ingin memberikan background pada blog di background Header, Background Sidebar, Background Content atau bahkan kita ingin merubah background Footer semua bisa kita merubahnya dengan mudah dengan bantuan Browser chrome Inspect Cara menampilkannya klik kanan pada website atau blog tujuan Atau Ctrl+Shift+i Untuk penggunaanya sudah saya Jelaskan di Artikel sebelumnya Baca Saja : Cara Mudah Merubah Background Blog Dengan Warna Pelangi
Disini kita Akan merubah background Blog dengan menggunkan CSS Dimana untuk memudahkan pemula blog bisa dibaca artikel saya diatas caranya, Diartikel sebelumnya saya hanya membahas merubah warna dengan varian Pelangi Namun kali ini ada 3 jenis varian warna gradien: linier, radial, dan kerucut. yang akan kita coba menyesuaikan blog yang kalian miliki.
Contoh Basic linear gradient
Kode CSS
Contoh 1 : background-image: linear-gradient(#ff8a00, #e52e71);
Contoh 2 : background-image: linear-gradient(to right, violet, darkred, purple);
Contoh 3 : background-image: linear-gradient(40deg, rgb(255 0 0) 60%, orange);
Contoh radial gradient
Kode CSS
Contoh 1 : background-image: radial-gradient(#0066ff, #ff0ecb);Contoh 2 : background-image: radial-gradient(circle at top right, #0066ff, red, #ff0ecb);
Contoh conic gradient
Kode CSS
Contoh 1 : background-image: conic-gradient(#ff8a00, #e52e71);Contoh 2 : background-image: conic-gradient(red 50deg, yellow 100deg, lime 200deg, aqua, blue, magenta, red);
Sudah dapat kalian banyangkan Warna mana aja yang cocok untuk tampilan blog kalian tinggal disesuaikan warna dan ukurannya masing-masing, Disarankan untuk memudahkan merubah blog atau website kalian gunakan Chrome Inspeksi, Selamat mencoba semoga bermanfaat
Simak video singkat merubah background Blog Dengan menggunakan Google Chrome Inspeksi