Cara membuat navbar autohide dengan gambar pada blog

#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

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

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.