Cara Membuat NavBar Tersembunyi (Autohide)

Bookmark and Share
Navbar AutoHide - 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. Setelah itu pada bagian edit template, cari kode body {
body{.....;......;.....;.....;dst}
6. 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)}
7. Save dan ucapkan Alhamdullilah.


Semoga Berhasil. ^^

Title Post: Cara Membuat NavBar Tersembunyi (Autohide)
Rating: 100% based on 9999989 ratings. 98 user reviews.
Author: Dede Purnama

Terimakasih sudah berkunjung di blog ini, Jika ada kritik dan saran silahkan tinggalkan komentar

Related Posts Plugin for WordPress, Blogger...