Gradien pada latar belakang atau background blog berfungsi untuk mempercantik tampilan blog. Berikut adalah cara untuk mengganti warna background blog Anda menjadi gradien untuk memberikan kesan lembut dan cantik.
Untuk demo atau sample tampilan akhir silahkan
klik di siniGi mana tertarik, untuk latihan kita akan mengunakan gradien yang simple yaitu warna gradien biru transparan. Selebihnya jika ingin anda bisa berekperimen sendiri. Oke go on ke tutorial.
Pertama-tama kita membutuhkan bantuan gradien editor, pada tutorial ini saya menggunakan colorzilla gradien editor untuk mengambil sample contoh gradien yang nanti di terapkan pada background blog kita.
Monggo langsung meluncur
klik di siniSudah good!!,
Now... Pada
Presets pilih
Blue To Transparent no 6 dari kiri lihat gambar.
Pada
Priview pilih
Orientation: vertical. size tidak usah diubah biarkan seperti itu saja.
Pada
Color format: pilih
rbga. Comment bisa di centang atau tidak di centang tidak masalah.
Nah sekarang pada
CSS copy semua kodenya.Langkah selanjutnya....
Login ke dasbor blogger --- KLIK
Template --- KLIK
EDIT HTML.NOTE : Jika loadingnya terlalu lama silahkan langsung KLIK Procced untuk mempercepat.
Sekarang cari kode CSS :
body (lihat gambar) gunakan F3 untuk mempermudah pencarian. Di dalam CSS body cari
background-color atau background dan hapus.
Lalu ganti dengan kode CSS dari colorzilla gradien editor dan
pastekan tepat di situ (lihat gambar). Dan simpan template Priview dan Beres.
Selanjutnya hanya tinggal mengekplor sendiri, untuk tampilan gradien yang lain sesuai dengan style Anda. Di kotak-atik saja pengaturan di colorzilla gradien editor, seep selamat berkreasi, salam....