Sebahagian blogger terkadang merasa terganggu dengan adanya navbar. Memang sih terkadang Navbar itu terasa menyempit kan layar blog kita. Terlebih lagi navbar terletak di sebelah atas. Sehingga banyak orang yang ingin menghilangkan navbar tersebut. Namun sebenarnya navbar itu juga ada manfaatnya, diantaranya untuk login ke dashbor, untuk berbagi ke Jejaringan sosial, dan mencari sesuatu dalam blog.
Sebenarnya ada cara untuk menghilangkan navbar tersebut, namun walaupun navbar itu terlihat mengganggu pemandangan, navbar masih memiliki manfaat. Jadi, salah satu solusinya yaitu dengan membuat auto hidden untuk navbar. Yaitu dimana navbar tidak terlihat, namun jika kita menggerakkan mouse kearah navbar, maka navbar tersebut akan muncul. Contohnya yaitu seperti yang ada di blog ini. Silahkan anda enggerakkan auto navbar kesebelah atas, maka navbar akan muncul.
Jadi jika ingin membuat auto hide untuk navbar, silahkan ikuti Langkah2 berikut!
7. Simpan Template jika sudah selesai.
Sebenarnya ada cara untuk menghilangkan navbar tersebut, namun walaupun navbar itu terlihat mengganggu pemandangan, navbar masih memiliki manfaat. Jadi, salah satu solusinya yaitu dengan membuat auto hidden untuk navbar. Yaitu dimana navbar tidak terlihat, namun jika kita menggerakkan mouse kearah navbar, maka navbar tersebut akan muncul. Contohnya yaitu seperti yang ada di blog ini. Silahkan anda enggerakkan auto navbar kesebelah atas, maka navbar akan muncul.
Jadi jika ingin membuat auto hide untuk navbar, silahkan ikuti Langkah2 berikut!
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode body {
6. Jika sudah ketemu taruh kode berikut di atasnya:
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode body {
6. Jika sudah ketemu taruh kode berikut di atasnya:
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,
FinishedOpacity=100)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,
FinishedOpacity=100)}
7. Simpan Template jika sudah selesai.