Membuat Auto Hide Navbar Blogspot

Sobat sudah pada tahukan apa itu navbar? Navbar itu bagian yang terlihat pada bagian teratas blog kamu. Yang mana pada bagian tersebut terdapat tulisan Entri Baru, Rancangan, dan Keluar. Kalau masih bingung berikut gambarnya :

Secara default navbar muncul di bagian atas. Nah sekarang bagaimana cara membuat agar navbar tersebut menghilang dan akan muncul jika kita sentuh dengan mouse. Istilahnya kita sebut auto hide navbar.

Berikut caranya :

1. Sobat login dulu ke blogger.com

2. Masuk ke menu template -> edit html.

3. Silahkan Anda cari kode body {, kemudian copas script berikut ini dan letakkan di atas kode body { tadi.

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

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

4. Jika sudah klik simpan template.

Silahkan sobat arahkan mouse pada bagian teratas blog, maka akan muncul navbar yang telah disembunyikan. Apabila mouse sobat arahkan ke tempat lain, maka navbar akan kembali hilang atau tersembunyi kembali.

Semoga bermanfaat.