Navigation Bar atau yang lebih dikenal dengan singkatannya Navbar,
selalu menjadi bahan Tutorial di setiap blog. Blog ini pun seperti itu,
setelah beberapa waktu yang lalu memberikan tutorial blog tentang Cara Menyembunyikan Navbar Blog,
kali ini saya akan lanjutkan dengan cara membuat Navbar Auto Hide.
Navbar Auto Hide artinya Apabila pointer mouse di arahkan di bagian
Navbar, maka Navbar akan muncul. Dan apabila Pointer Mouse tidak
diarahkan di bagian Navbar, maka Navbar akan hilang. Seperti itulah
gambaran kecil dari Navbar Auto Hide. Buat sobat blogger yang tidak
ingin menghilangkan Navbar dan ingin menggunakan Navbar Auto Hide,
ikuti langkah mudah ini.
- Sign In terlebih dahulu di blog sobat
- Di bagian Dashboard, klik Layout dan klik Edit HTML
- Cari kode ]]></b:skin>
- Kalau sudah ketemu, letakkan kode di bawah ini sebelum kode ]]></b:skin>
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
- Simpan template sobat.
