Cara Membuat Warna Gradien Pada Blog
Membuat warna background menu menjadi gradient pada blog, seperti yang sedang tred saat ini warna background menu maupun footer menu di ubah menjadi gradient.
Cara mengubah warna background menu maupun footer menjadi gradient, seperti yang lagi ngetren saat ini. Bermacam-macam cara untuk memodifikasi sebuah tampilan website dari tata letak sampai dengan warna yang berubah-ubah
Saya akan menuliskan tutorial cara membuat warna background tertentu (yang Anda inginkan) untuk di ubah menjadi warna gradient, di menu atas blog, footer blog maupun background pada tempat lain
Selain warna background, bisa juga di gunakan untuk warna text tulisan judul subheading maupun text lainya. Warna gradinet seperti inilah yang lagi ngetrand untuk blogger
Terserah backgroun bagihan mana yang ingin kalian ubah, pengalaman yang saya ubah warnanya adalah background menu atas dan footer bawah blog
Login blogger → pilih menu tema
Edit HTML
Kemudian cari bagian mana yang ingin di modifikasi
Setelah ketemu ubah background menjadi seperti di bawah ini
Misalnya background awalnya seperti ini (background:#138BE6;) kemudian ubah deh menjadi seperti diatas dan simpan kemudian selesai
Keterangan :
Kode warna hijau merupakan warna sebelah kiri
Kode warna biru adalah warna di sebelah kanan
Untuk 45deg merupakan pengaturan untuk tingkat kemiringan pertemuan diantara dua warna tersebut
Silahkan di kombinasikan sesuai kesukaan dan sesuai keinginan, contohnya lihat pada background blog ini kode diataslah yang saya gunakan
Untuk tulisan sebenarnya caranya sama sih, hanya merubah / menambahkan background warna seperti diatas
Cari warna tulisan yang ingin di rubah H1, H3 atau H4
Setelah ketemu ubah backgrond menjadi seperti ini di bawah ini atau, apa bila tidak ada background tambahkan kode di bawah ini
Ubah h1 sesuai dengan kebutuhan setelah itu simpan dan selesai. Keterangan kode-kode warna diatas sama dengan sebelumnya
Baca juga : Cara membuat garis warna di bawah subheading
Nah itulah cara sederhana untuk membuat tampilan blog tambah berwarna semoga bermanfaat, jangan lupa untuk meningalkan komentar apabila masih ada yang kesulitan.
Saya akan menuliskan tutorial cara membuat warna background tertentu (yang Anda inginkan) untuk di ubah menjadi warna gradient, di menu atas blog, footer blog maupun background pada tempat lain
Selain warna background, bisa juga di gunakan untuk warna text tulisan judul subheading maupun text lainya. Warna gradinet seperti inilah yang lagi ngetrand untuk blogger
Cara merubah background blog menjadi gradient
Terserah backgroun bagihan mana yang ingin kalian ubah, pengalaman yang saya ubah warnanya adalah background menu atas dan footer bawah blog
Login blogger → pilih menu tema
Edit HTML
Kemudian cari bagian mana yang ingin di modifikasi
Setelah ketemu ubah background menjadi seperti di bawah ini
background:linear-gradient(45deg, #fff, #138BE6);
Misalnya background awalnya seperti ini (background:#138BE6;) kemudian ubah deh menjadi seperti diatas dan simpan kemudian selesai
Keterangan :
Kode warna hijau merupakan warna sebelah kiri
Kode warna biru adalah warna di sebelah kanan
Untuk 45deg merupakan pengaturan untuk tingkat kemiringan pertemuan diantara dua warna tersebut
Silahkan di kombinasikan sesuai kesukaan dan sesuai keinginan, contohnya lihat pada background blog ini kode diataslah yang saya gunakan
Cara membuat tulisan di blog menjadi gradient
Untuk tulisan sebenarnya caranya sama sih, hanya merubah / menambahkan background warna seperti diatas
Cari warna tulisan yang ingin di rubah H1, H3 atau H4
Setelah ketemu ubah backgrond menjadi seperti ini di bawah ini atau, apa bila tidak ada background tambahkan kode di bawah ini
h1 {background: -webkit-linear-gradient(45deg, #5E64EE, #5EEE66);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
Ubah h1 sesuai dengan kebutuhan setelah itu simpan dan selesai. Keterangan kode-kode warna diatas sama dengan sebelumnya
Baca juga : Cara membuat garis warna di bawah subheading
Nah itulah cara sederhana untuk membuat tampilan blog tambah berwarna semoga bermanfaat, jangan lupa untuk meningalkan komentar apabila masih ada yang kesulitan.