√ Cara Membuat Efek Gradasi Warna Teks Hanya dengan CSS - AdityaTekno

Social Items

AdityaTekno.com - Kali ini saya akan membagikan tips Cara Membuat Efek Gradasi Warna Teks (Gradient Color) Hanya Menggunakan CSS. Cara ini sangat cocok sekali untuk anda yang masih sibuk ngutak-ngatik template blog anda. Biasanya efek gradasi warna seperti ini diterapkan pada header blog, judul postingan blog, teks heading, bahkan ada yang memasangnya untuk judul widget di sidebar blog.
Cara Membuat Gradasi Warna-warni pada Teks 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.

Cara Membuat Gradasi Warna-warni pada Teks dengan CSS


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 :



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

Cara Membuat Efek Gradasi Warna Teks Hanya dengan CSS

AdityaTekno.com - Kali ini saya akan membagikan tips Cara Membuat Efek Gradasi Warna Teks (Gradient Color) Hanya Menggunakan CSS. Cara ini sangat cocok sekali untuk anda yang masih sibuk ngutak-ngatik template blog anda. Biasanya efek gradasi warna seperti ini diterapkan pada header blog, judul postingan blog, teks heading, bahkan ada yang memasangnya untuk judul widget di sidebar blog.
Cara Membuat Gradasi Warna-warni pada Teks 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.

Cara Membuat Gradasi Warna-warni pada Teks dengan CSS


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 :



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

You Might Also Like :

You Might Also Like :

Load Comments

Dapatkan Artikel Tips AdSense, Blogging, SEO setiap harinya.

Notifications

Disqus Logo