Sarana Informasi Bidang Informatika.

Cara Auto Hide Navbar Pada Blog



Navbar pada blogspot akan tetap tampak jika suatu website di buka oleh seorang karena navbar ialah salah satunya kriteria yang perlu dipenuhi, (TOS) dari blogger sendiri.

Tetapi semakin lebih baik jika navbar yang akan tetap nampak dibagian atas website kita, dapat di hilangkan, tetapi lagi jika navbar itu telah pasti tidak mematuhi TOS dari blogger. Maukah website anda yang telah anda bikin dengan sulit payah lalu dihapus oleh blogger cuma karena tidak mematuhi TOS? pasti tidak ingin bukan? jadi janganlah sekali-kali tidak mematuhi TOS.

Blogger memanglah tetap memahami dengan hasrat beberapa pemilik website dapat dibuktikan dengan diadakannya pelihan navbar transparan. Untuk yang ingin bikin navbar transparan dapat di baca artikel Langkah Bikin NavBar Transparan.

Terkecuali navbar transparan ada pula navbar autohide seperti navbar pada website Belajar Pengetahuan Computer ini, dengan navbar auto hide, jadi tiap-tiap gerakan mouse diarahkan ke daerah navbar jadi navbar akan nampak begitupun jika mouse pointer tidak ada didalam ajang navbar, dengan sendirinya navbar akan tersembunyi.

Di bawah ini langkah merubah navbar yang tetap nampak jadi navbar auto hide.

  • Login terlebih dulu ke blogger, lalu click Layout, Ubah HTML.
  • Mencari kode sebagai 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;
  }

  • setelah itu tulis atau copy kode tersebut serta pastekan pas dibagian atas kode bodi {

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

  • Taruh hasil pergantian dengan click Save Template.
semoga bermanfaat baca juga : aplikasi editor html