Transparan...? , ayuk mang..., yang transparan yang transparan, upss... apanya yang transparan nih...?, heheheh... Ok, kali ini kita akan membahas tentang cara membuat Navbar yang ada di baris paling atas halaman blog kita agar kelihatan transparan atau menghilang, penasaran...?
Navbar ini nantinya akan kelihatan transparan, dan akan kelihatan nyata kembali apabila pointer mouse berada di navbar tersebut. Dan sekalian saya akan menyertai juga cara membuat navbar tersebut menghilang, dan akan kelihatan nyata kembali apabila pointer mouse berada di navbar tersebut.
Kita langsung aja, silahkan ikuti langkah-langkah berikut ini :
1. Login ke blog anda
2. Klik Edit HTML
3. Silahkan cari kode berikut ini di dalam template anda
4. Setelah ketemu, ganti semua kode tersebut dengan salah satu kode di bawah ini
kode untuk kelihatan transparan :
#navbar-iframe:hover { opacity:0.5; filter:alpha(Opacity=100, FinishedOpacity=50); }
kode untuk tidak kelihatan sama sekali (menghilang) :
#navbar-iframe:hover { opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100); }
5. Klik Pratinjau untuk melihat hasil kerja anda
6. Klik Simpan Template jika seandainya sudah sesuai dengan keinginan anda
7. Selesai
Selamat mencoba, semoga bermanfaat
#navbar-iframe { bla bla bla bla bla }
#navbar-iframe { opacity:0.2; filter:alpha(Opacity=0); }
#navbar-iframe { opacity:0.0;filter:alpha(Opacity=0); }
=== A === 
0 komentar:
Poskan Komentar