Jika sobat ingin mencobanya,
simak caranya berikut ini:
1. Login blog
2. Rancangan
3. Edit html
4. Hapus kode
#navbar-iframe {height:0px;visibility:hidden;display:none}
atau yang mirip seperti kode di atas.
5. Gantikan dengan kode berikut
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
Kode di atas adalah kode transparant autohide.
Lebih menaik lagi jika di tambahkan gambar
Kodenya berikut ini:
#navbar-iframe{opacity:0;-moz-opacity:0;filter:alpha(Opacity=0);background:#000 url(http://i877.photobucket.com/albums/ab333/PlebitaAl100/OTHER%20PICS/line.gif) center repeat;}#navbar-iframe:hover{opacity:0.4;-moz-opacity:0.4;filter:alpha(Opacity=40);}
Kemudian simpan.
Selanjutnya ke rancangan danpilih navbar yang transparant
Selanjutnya simpan.
Gambar dapat di ganti sesuai keinginan
Contoh gambar yang dapat di gunakan:
Selamat mencoba deh.
Semoga tutorial tentang cara membuat navbar autohide dengan gambar pada blog bermanfaat.
0 comments