Auto Hide Navbar

Salam damai blogger.........
Jalan-jalan sana-sini dapat ilmu baru (bagi saya tentunya) auto hide navbar jadi rada luas pemandangan blogku.... sudah pasti banyak atau mungkin tak terhitung yang mempostingkan auto hide navbar ini,tapi bagi sohib-sohib yang belum tahu mungkin bisa membantu.

Langkah pertama masuk ke rancangan lalu edit html expand widget dulu lalu cari kode seperti ini

---

}
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
}

---

Lalu copas diatasnya kode di bawah ini

---

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

---

Hasilnya akan seperti ini

---

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
}

---

Jangan disimpan dulu pilih PRATINJAU,dan lihat hasilnya kalau sudah jadi atau bekerja baru SIMPAN TEMPLATE
mudah kan......
Selamat mencoba,mudah-mudahan bermanfaat

NB:Kalau tidak berhasil masuk kembali ke edit html lalu pilih kembalikan ke widget default di kiri bawah