Selamat pagi sahabat semuanya! Pada pagi ini saya akan memberikan tips bagaimana membuat navbar (navigator bar) autohide
Pada dasarnya, setiap blog yang kita buat melalui blogger memiliki tampilan NavBar atau navigatorbar pada bagian atas halaman blog.
Namun dengan tips berikut, maka NavBar ini dapat kita atur. Salah satunya adalah membuat navbar tersebut menjadi autohide, maksudnya adalah pada saat pointer mouse berada pada bagian atas blog, maka navbar tersebut akan tampil. Adapun langkah-langkahnya adalah sebagai berikut :
Pada dasarnya, setiap blog yang kita buat melalui blogger memiliki tampilan NavBar atau navigatorbar pada bagian atas halaman blog.
Namun dengan tips berikut, maka NavBar ini dapat kita atur. Salah satunya adalah membuat navbar tersebut menjadi autohide, maksudnya adalah pada saat pointer mouse berada pada bagian atas blog, maka navbar tersebut akan tampil. Adapun langkah-langkahnya adalah sebagai berikut :
- Login dengan menggunakan user dan password Anda dan buka halaman Dashbor.
- Setelah itu klik menu Template.
- Selanjutnya pada halaman Template, pilih menu Edit HTML.
- Kemudian akan tammpil halaman Edit HTML, lalu centang pada Expand Template WIdget.
- Cari kode body { dengan menggunakan tombol Ctrl + F
- Kemudian letakkan kode dibawah ini tepat diatas kode tersebut.
- Kemudian simpan template, dan buka halaman blog yang Anda modifikasi dan lihat hasilnya.
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}