Membuat Navbar Blogspot Auto Hide

Navbar blogger (navbar-iframe) merupakan navigation bar yang ada pada default blog template di Blogger, letaknya di bagian atas blog kita. Di bar tersebut terdapat beberapa fungsi, di bagian kiri NavBar terdapat form pencarian, Follow, Share, Report Abuse, dan Next Blog. Sedangkan dibagian kanannya, ada link menuju Dashboard kita, Design dan tombol Sign In/Out.

Namun dikarenakan warnanya yang terbatas, kita kadang tidak dapat menyesuaikannya dengan templates blog kita, dan penempatannya juga tidak dapat di atur sehingga membuat para blogger kebanyakan menghilangkan navbar tersebut. Padahal menghilangkan navbar sebenarnya menyalahi aturan TOS (Term Of Service) daripada Blogger. Hal ini dapat menyebabkan blog di hapus atau di benned oleh Blogger, karena kita telah menghilangkan navbar tersebut. Jadi, sebaiknya tak perlu Sobat menghilangkan Navbar ini, coba pikirkan lagi kalau kamu memang mau menghilangkan Navbar ini.

Tapi selain menghilangkannya, kamu juga bisa menyembunyikannya tetapi akan muncul ketika mouse menghampirinya. Trik ini biasa di sebut dengan Auto-Hide Navbar.

Kamu hanya perlu memasukan code CSS dibawah ini setelah code ]]></b:skin>.

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

Tapi pastikan bahwa code dibawah ini tidak ada di dalam template kamu. Karena code ini adalah code CSS yang berfungsi untuk menghilangkan Navbar.

#navbar, #navbar-iframe {display: none;}