*Tulisan akan muncul*
*di sini*
Bertemu Kembali Bersama Kami di Blog Rizal DRC Semoga Teman Teman Dan Sahabat Semua Selalu Dalam Keadaan Sehat Wal Afiaat dan Selalu Dalam Lindungan Allah SWT dalam Melakukan Aktifitas Sehari - hari.
Pada Artikel Share Blogger Tutorial Kali ini kita akan berbagi tutorial bagaimana cara nya membuat sebuah tema latar atau background yang blog atau web yang kita buat memiliki aneka warna agar terlihat unik atau lain dari yang biasanya dari blog blog lainnya. Khususnya di header web blog kita.
Nah sebelum membuatnya perlu kita ketahui apa nama jenis tema warns gradient yang bisa berwarna banyak ini yaa di latar belakang atau background halaman blog kita.
Background Gradien : adalah backgroun perpaduan dua warna atau lebih yang di tentukan oleh kita paduan warna menurut kita cantik dan menarik.
contoh warna gradient yang dimana di cobain di pasang pada header.
Disana ada paduan warna bercampur, Putin, pink, Hijau dan kuning. Ada 4 warna bagi yang barmula dengan 2 warna saja contohnya Hijau dan kuning, boleh saja dicoba nantinya jika sudah tahu tipnya nya
Kita lansung Saja
GRADIENT PADA HEADER
Disini kita akan tentukan warna terlebih. Tinjau kode html warns dulu y'all
Save Copi kode di bawah ini.
background: linear-gradient(to left, rgb(12, 77, 79), rgb(246, 198, 76), rgb(12, 77, 79)));
Pewarnaan Gradient tergantung pilihan digunakan dimana . Sesuai pilihan jika di body web dapat di gunakan kode di Body HTML,
Kita buka Dasboard blog kemudian klik Tema, lalu Klik Edit HTML Cari kode CSS Header. Cek kode Seperti yang ada di tanda merah pada gambar
Contoh
Disana ada kode background yang ditandai, hapus saja kode Background; white:
Ambil kode yang sudah di persiapkan kode warna gradient diatas yang telah di copy, lalu paste untuk isian kode warna gradient
Contoh
Kemudian Tinjau dan save. Nah warna header sudah bisa di lihat akan berubah menjadi warna gradient.
Silahkan di ekperimenkan dengan warna kesukaan nya.
GRADIENT PADA POSTINGAN
Jika ingin di gunakan pada halaman postingan atau tombol klik dapat di gunakan kode HTML langsung pada HTML postingan y'all.
Teman teman persiapkan warna nya. Seperti kode gradient diatas.
Buatlah postingan dengan menampilkan background pada tulisan
Ubah kode diatas, setelah style di kode Postingan jgn lupa nulisnya di mode edit html y'all
Contoh Kode untuk background biasa. Warna putih. Tulisan warna hitam.
<div style="background-color: white; color: black; padding: 14px;"><div style="text-align: left;"><b><i>Pesan Disini</i>
Ganti html nya seperti di bawah ini.
<div style="text-align: justify;"></div><div style="background: linear-gradient(to left, rgb(20, 85, 85), rgb(12, 77, 79), rgb(20, 37, 158)); margin: 0px; padding: 10px;"><div><b><i>Pesan Disini</i>
Nah ikuti gambar lalu copy paste saja kode warna gradient di postingan nya lalu save dan silahkan Di tinjau.
Nah demikianlah tips blog kali ini selamat mencoba. terus kan di coba pada tempat yang mana untuk di mainkan warna gradient nya ya teman teman. Selamat bereksperimen warna.
