Efek Warna Gradient Colorzilla Untuk Template Blogger

Assalamualaikum.
Bagi anda yang suka dengan tampilan blog yang agak mengkilap seperti kaca dengan warna yang anda inginkan mungkin efek gradient diperlukan.
Dengan efek warna gradient ini kita bisa mengubah warna background di blog menjadi lebih indah dan tampak mengkilap.
Selain untuk memperindah tampilan halaman blog,efek gradient ini juga tidak terlalu membuat loading blog menjadi berat karena efek gradient ini menggunakan kode css (bukan gambar).
Untuk yang belum mengerti efek gradient ini,saya akan memberikan contoh gambarnya dibawah ini agar lebih mudah difahami.
Berikut contoh tampilan background warna gradient.
Efek Warna Gradient Colorzilla Untuk Template Blogger

Efek Warna Gradient Colorzilla Untuk Template Blogger

Efek Warna Gradient Colorzilla Untuk Template Blogger

Baguskan warnanya?semoga anda sudah memahaminya.
Karena efek gradient ini bukan file gambar melainkan hasil dari kode css jadi anda perlu mendapatkan kode css tersebut.
Untuk saat ini sudah banyak sekali aplikasi dan situs yang menyediakan generator pembuatan efek gradient ini,namun menurut saya yang paling mudah dan gratis adalah dengan menggunakan generator online milik colorzilla.
Nah pada artikel kali ini saya akan share caranya.
Berikut cara membuat efek gradient menggunakan css dengan colorzilla online generator.

A.CARA MENDAPATKAN KODE CSS GRADIENT DARI CLORZILLA
1.Buka browser yang kita percaya masing-masing,berikutnya anda kunjungi www.colorzilla.com
2.Jika sudah,berikutnya anda klik Ultimate Css Gradient Generator.
3.Berikutnya anda pilih style gradient yang anda inginkan,seperti contoh gambar dibawah ini.
Efek Warna Gradient Colorzilla Untuk Template Blogger

(Anda juga bisa mengeditnya sesuai dengan selera anda masing-masing.)
3.Jika sudah sudah selesai memilih dan mengedit warna gradient yang anda inginkan,berikutnya silahkan anda copy code pada box css yang ada dibawah preview gradient,contoh seperti gambar dibawah ini.
Efek Warna Gradient Colorzilla Untuk Template Blogger


4.Kode CSS untuk warna gradient siap digunakan.

B.CARA MEMASANG CSS GRADIENT COLORZILLA DI TEMPLATE BLOGGER.
Berikutnya adalah memasang kode css yang telah kita copy tadi kedalam template blogger,agar tampilan warna blog lebih mengkilap.
1.Login seperti biasa ke blogger.com.
2.Berikutnya silahkan anda klik template > edit HTML.
3.Silahkan anda cari warna background blog yang terdapat didalam template blog anda.
Sebagai contoh:
Jika background anda memiliki kode warna dengan warna hitam maka kodenya adalah #000000,maka silahkan hapus kode tersebut lalu ganti dengan kode css yang anda dapatkan dari colorzilla.com.
4.Berikutnya silahkan anda klik save.
5.Silahkan anda lihat blog anda,maka background blog anda akan nampak mengkilap.

Kode css gradient  ini bisa kita terapkan ke halaman blog seperti header,sidebar,footer,posting dengan mengganti kode dasar bawaan template yang sedang kita pakai dengan kode css gradient yang sudah kita dapat dari colorzilla.
Bagaimana? cukup menarik bukan?
Selamat berkreasi,semoga bermanfaat dan terimakasih telah berkunjung.
Assalamualaikum.

Berkomentarlah dengan kata-kata yang baik dan dilarang mencantumkan link berbau pornografi,iklan