Skip to main content
WARIM

follow us

Membuat Gradasi Warna Pada Background Blog

Membuat Gradasi Warna Pada Background Blog - Selamat malam sobat blogger, pada malam ini saya akan coba posting membuat gradasi warna pada background blog.

Pada saat ini sudah sangat banyak yang menggunakan background dangan warna gradasi atau gradient. Gradasi warna adalah warna yang lebih dari satu atau warna warni.

Warna gradasi ini pun tidak menggunakan javascript melainkan hanya menggunakan CSS saja, sehingga sobat tidak perlu khawatir akan mengganggu loading blog jadi lambat.

Nah, jika sobat ingin membuat warna gradasi untuk blog sobat, mari kita simak caranya berikut ini. Untuk warna gradasi ini tidak hanya untuk background judul artikel saja. Namun bisa juga kita terapkan untuk background judul yang lainya, seperti judul blog, judul sidebar, dan lainya.

Namun disini Saya hanya mengasih Contoh untuk membuat warna background pada judul artikel dan judul sidebar saja.

Contoh Warna gradasi untuk judul postingan.

.post h1 {background:linear-gradient(45deg, #00626b, #00f7ca);}

Contoh Warna gradasi untuk judul Widget pada sidebar.

.sidebar h2 {background:linear-gradient(45deg, #00626b, #00f7ca);}

Kode di atas adalah kode umum, contohnya :

.post h1 {.........} ini untuk judul postingan dengan tag heading h1.

.post h2 {.........} ini untuk judul postingan dengan tag heading h2.

.sidebar h2 {...........} ini untuk judul widget dengan tag heading h2.

.sidebar-wrapper h3 {...........} ini untuk judul widget dengan tag heading h3.

NOTE:

Kode pada tiap template berbeda-beda. Jika sobat tidak menemukan kode seperti diatas, silahkan cari yang mirip, dan sesuaikan dengan class yang digunakan pada template blog sobat.

You Might Also Like:

Buka Komentar