Membuat Navigasi Bar Auto Hide

NAVIGASI BAR

Navigasi bar dapat kita tampilkan secara Auto Hide yaitu Navigasi Bar akan tampil ketika mouse kita arahkan dimana tempat navigasi tersebut berada.

Cara membuat Navigasi Bar tampil secara Auto Hide :

• Login ke akun blogger anda.
• Masuk ke Rancangan dan Klik Edit HTML. 
• Centang Expand Template Widget.
• Cari <b:skin><!CDATA[/*, pakai Ctrl+F atau Tekan F3
• Letakkan kode dibawah ini tepat dibawahnya (seperti contoh dibawah ini).

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

• Maka hasilnya setelah dimasukkan menjadi seperti dibawah ini:

<b:skin><![CDATA[/*

---------------------------------

Blogger Template Style

Name: Awesome Inc.

Designer: Tina Chen

URL: tinachen.org

--------------------------------- */

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}

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

• Kemudian Klik tombol Simpan Template.
• Selamat mencoba dan semoga berhasil.
• Lihat blok saudara maka Navigasi Bar pasti Auto Hide.

-----------