Powered by Blogger.

Auto Hide Navbar pada BlogSpot

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

Namun akan lebih baik apabila navbar yang akan selalu muncul di bagian atas blog kita, bisa 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 karena melanggar TOS ? tentu tidak mau bukan ? jadi jangan sekali-kali melanggar TOS.

Blogger memang selalu mengerti dengan keinginan para pemilik blog terbukti dengan diadakannya pelihan navbar transparan. Bagi yang mau membuat navbar transparan bisa dibaca artikel Cara Membuat NavBar Transparan.

Selain navbar transparan ada juga navbar autohide seperti navbar pada blog Belajar Ilmu Komputer ini, dengan navbar auto hide, maka setiap pergerakan mouse diarahkan ke daerah 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 kode seperti 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 kode berikut dan pastekan tepat di bagian atas kode 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.

5 comments:

BIK said...

Cara membuat auto hide navbar blogspot dapat di baca di sini

blogdunia said...

wah makasih neh,
info nya memang wuoke
di coba deh..

Pasa Firaya, ST said...

Berkunjung menjalin relasi, mencari ilmu yang bermanfaat.
Sukses yach ^_^

ekaitpc said...

mantep infonya nieeeeeee........

arta said...

Mantap tuch materinya..
thanks ya...

Post a Comment

Bagaimana menurut anda tentang artikel ini, Berikan Komentar anda di sini... komentar spam akan dihapus

Pengikut Belajar Ilmu Komputer