Cara Membuat AutoHide NavBar

Postingan kali ini masih berhubungan dengan NavBar yaitu Cara Membuat AutoHide NavBar, setelah yang sebelumnya saya sudah membahas bagaimana Cara Menghilangkan NavBar kalau yang ini tidak hilang tapi AutoHide, NavBar akan tampil ketika pointer anda arahkan dibagian atas Blog. Langsung saja kita praktekkan Cara Membuat AutoHide NavBar

Caranya sebagai berikut :

Login ke Blogger
Klik Rancangan → Edit HTML
Kemudian cari kode body {

Jika sudah ketemu Copy kode berikut dan Paste diatas kode body {

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

Maka akan terlihat seperti dibawah :

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

jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya

Selamat mencoba

Download Tulisan Lengkap → Cara Membuat AutoHide NavBar.zip (141 KB)

Share