Cara membuat 'auto hide' Navbar

Terdapat cara lain untuk menghilangkan Navbar pada blog anda. selain  menghilangkangkannya secara permanent.Kita juga bisa membuat Navbar tersebut menjadi Auto Hide (muncul bila diarahkan kursor  diatasnya).Cara ini tidak menyalahi peraturan Blogger karena navbar masih ada.Jika anda berminat dengan tutorial ini,Saya akan sharing dengan sobat sobat.

Mau tau Caranya bagaimana..!!! ikuti langkah2 berikut.
ini khusus buat template bawaan blog.

1.Klik pada  Dashboard,dan pilih Edit HTML.
2.Kemudian carilah kode  body { 

body {
font: 100% Arial, Helvetica;
background: #000000;
color: #333;
}

3.Dan Letakkan Kode berikut di atas/sebelum kode tadi.

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


Dan akan menjadi seperti ini:


#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
body {
font: 100% Arial, Helvetica;
background: #000000;
color: #333;
}


4.Kemudian save template...gampang kan...

5.Lihat hasilnya

Demo : lihat navbar kampungku di atas,dan coba arahkan kursor mos sobat di atasnya...
Bagaimana..????

Selamat mencoba dan semoga berhasil....

Sumber