Cara Menciptakan Background Warna Transparan

Background warna transparan, yang berarti background dengan memakai warna transparan, tetapi background aslinya juga terlihat. Kaprikornus background awal juga terlihat, misalkan background awal kita memakai gambar, dan background warna transparan kita warnanya hitam. Maka warna transparan hitam dengan background gambar juga akan terlihat.

Seperti pola gambar diatas,background dasar yang dipakai yaitu background gambar, dan background trasnparanya berwarna hitam. Tapi warna hitam tersebut tidak sepenuhnya hitam. Sedikit hitam dan background gambar awalnya tetap terlihat. Berikut ini yaitu beberapa instruksi warna background yang sanggup dipakai untuk menciptakan background warna transparant.

background:rgba(0,0,0, 0.3);

background:rgba(0,0,0, 0.8);

Sebelumnya aku jelaskan sedikit wacana instruksi diatas.

• Ketiga instruksi awal dipakai untuk mengatur instruksi warna. instruksi warna 0,0,0 yaitu warna dasar Hitam.
• Untuk instruksi terakhir 0.3 dan 0.8 dipakai untuk mengatur ketebalan dari warna hitam 0,0,0 tadi. Semakin besar instruksi terakhir, maka akan semakin hitam. Kode terakhir ini hanya hingga instruksi 1. Contoh:0,0,0, 1.

Untuk mengganti dengan warna lain, kau sanggup coba instruksi dibawah ini.

Untuk warna merah - background:rgba(204,0,0, 0.6);

Untuk warna pink - background:rgba(204,0,204, 0.8);

Untuk warna biru - background:rgba(0,0,204, 0.8);

Untuk warna Hijau - background:rgba(0,204,0, 0.8);

Untuk warna Kuning - background:rgba(204,204,0, 0.8);

Untuk warna Orange - background:rgba(255,102,0, 0.8);

Dan masih banyak lagi warna yang lainnya. Untuk melihat instruksi warna, kau sanggup lihat diphotoshop, kemudian klik pada bab set foreground color(gambar kotak untu ganti warna). Lalu lihat instruksi pada bab RGB nya.

Seperti pola gambar diatas, pertama klik dulu bab kotak yang sudah aku beri tanda merah sebelah kiri, maka akan terbuka Color Picker, dan copi 3 instruksi RGB yang bertanda kotak merah itu untuk dipakai diwebsite.

Dan yang terakhir yaitu cara penerapannya di blogger. Sebagai pola kita akan coba mengedit pada bab halaman posting blog. Caranya ikuti langkah-langkah dibawah ini.

1. Login ke blogger, pada halaman Dasbor pilih pengaturan Tata Letak.
2. Selanjutnya klik Desainer Template > Tingkat Lanjut > Tambahkan Css. Dan masukan instruksi halaman posting ke dalamnya.
.post{border:1px solid #ddd; background:rgba(0,204,0, 0.5);}
3. Dan lihat perubahannya, background nya itu aku beri warna hijau, dengan ketebalan warna 0.5 balasannya menyerupai gambar dibawah ini.

Untuk mengatur bab lainnya, coba kau baca di artikel cara mengganti background blog dengan gambar. Disana ada beberapa instruksi bab blog yang sanggup kau gunakan. Semoga Bermanfaat.