Auto Hide Navbar Pada Blogspot

Navbar pada blogspot akan selalu tampil apabila sebuah blog dibuka oleh seseorang alasannya navbar yakni salah satu persyaratan yang harus dipenuhi, (TOS) dari blogger sendiri.

Namun akan lebih baik apabila navbar yang akan selalu muncul di bab atas blog kita, dapat dihilangkan, namun sekali lagi apabila navbar tersebut sudah tentu melanggar TOS dari blogger. Maukah blog anda yang sudah anda buat dengan susah payah kemudian dihapus oleh blogger hanya alasannya melanggar TOS ? tentu tidak mau bukan ? jadi jangan sekali-kali melanggar TOS.

Blogger memang selalu mengerti dengan impian para pemilik blog terbukti dengan diadakannya pelihan navbar transparan. Bagi yang mau menciptakan navbar transparan dapat dibaca artikel Cara Membuat NavBar Transparan.

Selain navbar transparan ada juga navbar autohide menyerupai navbar pada blog ini, dengan navbar auto hide, maka setiap pergerakan mouse diarahkan ke tempat navbar maka navbar akan muncul begitu juga apabila mouse pointer tidak berada di dalam arena navbar, dengan sendirinya navbar akan tersembunyi.

Berikut ini cara mengubah navbar yang selalu muncul menjadi navbar auto hide.



Login terlebih dahulu ke blogger, kemudian klik Layout, Edit HTML.
Cari arahan menyerupai berikut :  

body {
  background:#BCA;
  margin:0;
  text-align:center;
  line-height: 1.5em;
  font: x-small Trebuchet MS, Verdana, Arial, Sans-serif;
  color:$mainTextColor;
  font-size/* */:/**/small;
  font-size: /**/small;
  }


selanjutnya ketik atau copy arahan berikut dan pastekan sempurna di bab atas arahan body {

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

Simpan hasil perubahan dengan klik Save Template.