Cara Buat Navbar Auto Hide

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.

Kalau sudah berhasil membuat Navbar Auto Hide, jangan lupa tinggalkan komentar sobat blogger.