Cara Membuat Fungsi Auto Hide Navbar

Jika anda merasa membutuhkan fitur Navbar tapi masih tidak suka dengan visualnya yang kurang menarik maka anda bisa menyembunyikannya saja. Metode ini biasa disebut dengan Auto Hide Navbar. Navigation Bar hanya akan muncul ketika kursor mouse digerakkan di sekitar area Navigation Bar. Agar lebih mudah memahami silahkan lihat preview disini

Silahkan menuju DASHBOARD ► LAYOUT ► EDIT HTML ► Centang EXPAND TEMPLATE WIDGET.

Selanjutnya cari kode berwarna orange seperti kode dibawah. Gunakan CTRL+F untuk memudahkan pencarian. Jika anda sudah menemukannya kemudian Copy kode merah dibawah ini tepat diatas kode berwarna orange tadi.

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

Sehingga hasil yang didapatkan kira-kira tampak seperti dibawah ini.

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)
]]></b:skin>
</head>

Setelah selesai SAVE template dan lihat hasilnya. Selamat mencoba. Gudlak! :D