Membuat Halaman Blog atau Website Tampak Transparan

Waktu menunjukkan pukul 08.46, secangkir teh manis di meja kerja belum sedikitpun berkurang. Maklum saja hari ini aku paling awal masuk kantor karena harus memperbaiki PC rekan kerja yang tidak bisa booting ke sistem operasinya. Alhamdulillah setelah sedikit sentuhan manis akhirnya PC tersebut kembali bisa masuk ke sistem sistem operasinya.

Sebelumnya saya mau memperkenalkan diri dahulu. Nama saya Muhammad Bariq, saya lahir dan besar di kota batik. Coba tebak kota apa ? mungkin pikiran anda langsung tertuju pada kota Solo atau Jogjakarta. Coba ingat kembali penggalan lirik lagu slank yang berjudul

“Sosial Betawi Yoi” berikut ini :

kota batik di Pekalongan …

bukan Jogja, bukan Solo …

gadis cantik jadi pujaan …

jangan bejat … jangan bodo!!!…

Yupp… Betul sekali saya lahir dan tumbuh dewasa di kota pekalongan jawa tengah. Kota kelahiran saya ini pada tahun kemarin mendapatkan hadiah dari UNESCO sebagai kota kreatif dunia lho…. Bangga bukan ? hehehe

Saya adalah seorang blogger pemula yang semangatnya naik turun. Masalah andsense saya masih nol besar. Blog saya belum bisa menghasilkan seperti blognya mbak indri. Walaupun blog saya belum menghasilkan tapi setidaknya kerja keras saya untuk mengenal adsense sudah mulai tampak hasilnya. Pada malam pertama bulan Asyura kemarin, selepas ikut berdoa bersama saya diberi amanah oleh google untuk terus meningkatkan trafik blog saya. Alhamdulillah blog saya sudah dapat menampilkan iklan google adsense. Mungkin itu berkah anak soleh ya… ? hehehe.

Ceritanya waktu itu selepas mengikuti doa Asyura di Musholla An-Nur (Musholla dekat rumah) dan sholat isya’ berjamaah saya bergegas pulang. Sesampai di rumah saya ingin menonton acara TV favorit. Tapi begitu sampai rumah malahan kecewa, karena ibu dan adik-adik sudah berbaris rapi di depan TV menonton sinetron. Hufffttt… jadi tidak bisa nonton acara favorit deh.

Mungkin sedikit dulu perkenalan saya, bisa dilanjut lain waktu kali ya….
Pemirsa juragan cipir…. Beberapa hari yang lalu saya otak-atik template blog yang saya kelola. Berbekal pengetahuan tentang bahasa pemrograman HTML dan css saya berhasil memberikan sentuhan manis dan modern pada template blog saya. Halaman blog yang saya kelola saya beri sentuhan transparan. Jadi gambar background blog saya akan terlihat jelas di halaman postingan, sidebar, header dan footer.

Apa yang perlu dipersiapkan untuk membuat halaman blog tampak transparan ?

• Pelajari dan pahami nama-nama id dan class pada template blog anda. Setiap template belum tentu memiliki id dan class yang sama. Pada tahap ini seharusnya anda belajar tentang selector css terlebih dahulu.
• Backup terlebih dahulu template awal anda.
• Baca do’a semoga eksperimen anda berhasil.

Lalu Bagaimana caranya agar halaman blog tampak transparan ?

1. Tentukan area blog yang akan anda jadikan transparan. Saya beri contoh footer yang akan saya jadikan tampak transparan.

2. Cari id footer (#footer) pada template blog anda.

3. Setelah anda menemukan #footer, ganti skrip background footer awal dengan skrip baru berikut ini :

background-color:rgba(17, 183, 243, .10);box-shadow: 0px 0px 60px 0px black inset;

Keterangan skrip :

• background-color:rgba(17, 183, 243, .10); = Mengganti warna background footer dengan warna rgba 17, 183, 243. Anda bisa mengganti dengan warna RGBA keinginan anda. Kemudian maksud dari .10 adalah tingkat transparansi area footer anda.

• box-shadow: 0px 0px 60px 0px black inset; = memberi efek shadow pada area footer anda.

*0px [horizontal offset] = menunjukan nilai posisi bayangan horizontal

*0px [vertical offset] = menunjukan nilai posisi bayangan vertikal

*60px [blur amount] = menujukan nilai jarak blur (optional)

*0px [spread radius] = menunjukan nilai ketebalan bayangan (optional)

*black [color] = menunjukan nilai warna untuk sebuah sebuah bayangan. Dalam memberikan nilai pada warna box-shadow, bisa mengggunakan nilai warna HEX, RGB, RGBA, HSL, HSLA ataupun Color Name.

*Inset = Penambahan nilai inset menjadikan shadow mengarah kedalam (optional).

Selamat Bereksperimen.

Ingin Berbagi Pengalaman Unik Anda di Internet? Kirimkan di Blog Juragan Cipir