Cara Buat Auto Hide Navbar di Blog

Navbar Auto Hide - Strandarnya, setiap blog yang dibuat melalui Blogspot mempunyai tampilan NavBar atau NavigationBar di bagian posisi atas. Pada blog ini tampilan NavBar saya hilangkan/sembunyikan.

 

Namun, dengan sedikit trik tampilan ini dapat anda atur. Salah satunya adalah membuat NavBar tersebut menjadi autohide, yaitu pada saat cursor atau mouse berada pada posisi atas atau sedang berada pada NavBar, maka NavBar akan muncul. Dan sebaliknya, ketika cursor tidak berada pada posisi atas, NavBar itu akan bersembunyi.

Adapun langkah-langkahnya adalah sebagai berikut:

1. Login ke akun Blogger anda
2. Masuk ke halaman Dashbor blog anda
3. Klik menu Tata Letak
4. Pilih Edit HTML
5. Kemudian centang  Expand Template Widget

6. Setelah itu cari kode body {, biar cepet Ctrr+f masukan kode tadi di kotak yang disediakan

7. Kemudian letakan kode dibawah ini tepat diatas kode body {

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

8. Terakhir Simpan Template

 
Semoga Berhasil. ^^