Cara membuat navbar autohide dengan gambar pada blog

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