Mini Niche Scraper Banner 468x60

Cara Membuat 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 Menghilangkan 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 - langkah dibawah ini .
 
1. Login ke Blogger sobat
2. Klik menu Rancangan > Edit HTML
3. Centang Expand Template Widget
4. Copy kode dibawah ini tepat di atas kode ]]></b:skin>

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

Selamat mencoba & Semoga berhasil;