Kode warna transparan untuk blog

Dua hari yang lalu saya salah mengubah kode warna transparan pada blog. Kode yang harusnya saya letakan untuk header malah ditempatkan dengan kode warna untuk teks. Akhirnya semua tulisan diblog ini jadi menghilang. Suatu kesalahan kecil berakibat fatal.

Agar ini tidak terjadi, maka saya mencoba untuk membagikan cara mengubah atau menempatkan kode transparan kedalam HTML. Saya mau mencontoh blog ini sajalah, jadi bagaimana headernya saya ganti dengan gambar?. Kemana tulisannya?. Itulah apa yang saya lakukan. Menyembunyikan judul blog dengan mengganti kode warna menjadi transparan. 

Kode tranpsaran itu pada HTML bisa ditulis dengan kata 'transparent'. Hanya itu. Tapi mungkin anda juga butuh sedikit bantuan bagamana meletakannya keblog anda supaya hasilnya tidak salah seperti yang saya lakukan. 

-Pertama, silahkan akses dashboard blog anda. Masuk menu HTML, EDIT.

Pada awalnya, pages yang saya sematkan di menu bar berwarna biru langit. 

Saya menggunakan Template Responsive buatan kang Herdiansyah Hamzah. Beliau sudah setorkan template ini di Btemplate. Mungkin anda agak bosan dengan tampilan yang 'flat' atau datar saja dengan warna biru tersebut, sehingga pengen dirubah. Nah, saya sendiri tidak tahu kode warna default-nya apa. Sehingga harus menggunakan inspect element. 

Lho?? Kok Judul blognya sukses freelancer?. Kebetulan blog saya sudah ganti warna, dan saya tidak mau ngotak-atik lagi. Jadi saya coba pakai blog milik kang Gee Jhon sebagai contoh.

Setelah melakukan inspect element, saya jadi tahu kode warna yang dipakai adalah : #50b7dc. 

-Lalu, saya akan mencarinya di HTML. Caranya copy kode tadi, tekan CTRL + F, langsung tekan lagi CTRL + V (paste) dan enter. Selesai. Anda boleh menggantinya dengan warna kesukaan. Jadi jika disitu tertulis #50b7dc bisa dinganti dengan #95d116 untuk warna hijau.

Perhatikan! : Kode warna yang anda cari seharusnya ada di bagian "variable definition". Nanti ada tulisannya. Misalnya untuk header, ada tulisan "Header teks" lalu dibawahnya ada color. Itu yang bisa dirubah.

Nah, jika saya menggantinya dengan warna transparan maka cukup dengan me-replace dengan #transparent saja. Nanti hasilnya seperti gambar dibawah ini.

Itulah yang terjadi pada blog saya. Hehe. Teksnya hilang. Header berubah jadi begitu. Tapi effect baiknya adalah kita belajar cara membenahi template yang sudah dirusak. Walau sekedar merubah warna saja, prosesnya tidak sebentar bagi orang yang gaptek seperti saya. Jadi lebih baik dicontohkan. Kita juga jadi tahu satu kode warna yakni #transparent.