Cara agar Navbar Kelihatan Transparan
Transparan..? sepertinya asyik nih, apalagi kalau ngeliat pakaian yang
transparan. hehehe... (Juzt Kidding) Tapi kali ini saya akan membahas
tentang cara membuat Navbar yang ada di baris paling atas halaman blog
kita agar kelihatan transparan atau menghilang.
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.
Untuk mengetahuinya, silahkan ikuti langkah-langkah berikut ini :
1. Masuk ke Dasbor.
2. Klik Tata Letak.
3. Klik Edit HTML.
4. Silahkan cari kode berikut ini di dalam template anda.
5. Setelah ketemu, ganti semua kode tersebut dengan salah satu kode di bawah ini
kode untuk kelihatan transparan :
kode untuk tidak kelihatan sama sekali (menghilang) :
6. Klik Pratinjau untuk melihat hasil kerja anda.
7. Klik Simpan Template jika seandainya sudah sesuai dengan keinginan anda.
8. Selesai.
Semoga dapat bermanfaat, kalo belum paham coba tambahkan komentar. Saya butuh koreksi dan tanggapan anda. ::
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.
Untuk mengetahuinya, silahkan ikuti langkah-langkah berikut ini :
1. Masuk ke Dasbor.
2. Klik Tata Letak.
3. Klik Edit HTML.
4. Silahkan cari kode berikut ini di dalam template anda.
#navbar-iframe { bla bla bla bla bla }
5. Setelah ketemu, ganti semua kode tersebut dengan salah satu kode di bawah ini
kode untuk kelihatan transparan :
#navbar-iframe { opacity:0.2; filter:alpha(Opacity=0); }
#navbar-iframe:hover { opacity:0.5; filter:alpha(Opacity=100, FinishedOpacity=50); }
#navbar-iframe:hover { opacity:0.5; filter:alpha(Opacity=100, FinishedOpacity=50); }
kode untuk tidak kelihatan sama sekali (menghilang) :
#navbar-iframe { opacity:0.0;filter:alpha(Opacity=0); }
#navbar-iframe:hover { opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100); }
#navbar-iframe:hover { opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100); }
6. Klik Pratinjau untuk melihat hasil kerja anda.
7. Klik Simpan Template jika seandainya sudah sesuai dengan keinginan anda.
8. Selesai.
Semoga dapat bermanfaat, kalo belum paham coba tambahkan komentar. Saya butuh koreksi dan tanggapan anda. ::
0 komentar:
Post a Comment
Info Berkomentar :
- Tambahkan Komentar yang sesuai dengan isi posting...
- Mohon anda jangan menggunakan kata SPAM.
- Jika anda tidak mempunyai akun sama sekali, anda bisa menggunakan Anonymous