Cara Membuat Efek Gradasi Warna Teks Hanya dengan CSS

Jika mengubah warna background dengan gradient kan sudah biasa, tapi jika merubah warna gradient pada header blog atau judul postingan blog pasti jarang ditemui.

Baca Juga : Cara Membuat Subscribe Box dengan Animasi di Blogger

Nah, jika anda tertarik mencobanya, silahkan ikuti tutorial cara membuat efek gradasi warna-warni dibawah ini.


Pertama, buka Blogger >> Tema >> Edit HTML.

Kemudian letakkan kode CSS berikut ditempat yang anda inginkan. Misalnya jika ingin membuat gradient pada header blog atau gradient pada judul postingan, maka tinggal tambahkan kode CSS nya dibagian #header h1 atau #header h2 jika dipasang di header dan .post h1 dan .post h2 jika di judul postingan.

Baca Juga : Cara Membuat Tombol Chat WhatsApp Melayang di Blogger

Berikut contoh penerapannya

#header h1, #header h2, .post h1, .post h2{background: -webkit-linear-gradient(45deg, #1b80e3, #ea3a7e);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

Note :
Di setiap template mungkin akan sedikit berbeda penamaan class untuk header blog dengan judul postingan blog. Jadi, mohon diperhatikan terlebih dahulu apa nama class untuk header blog dan juga judul postingan blog yang ada pada template anda.

Lalu jika sudah Simpan Tema.

Baca Juga :

• Cara Terbaru Memasang Komentar Disqus di Blog
• Cara Membuat Komentar Disqus dengan Tombol Onclick Load
• Cara Memasang Recent Comment Disqus di Blogger

Demikian Cara Membuat Efek Gradasi Warna Teks Hanya dengan CSS. Semoga bisa bermanfaat dan terima kasih sudah berkunjung. Salam AdityaTekno.com