Cara Membuat Navbar Blog Tersembunyi (Auto Hide)

Pada postingan sebelumnya telah kita bahas yaitu cara menghilangkan navbar di blog. Sedikit berbeda dengan cara menghilangkan navbar di blog, pada tutorial kali ini kita tidak akan menghilangkan navbar pada blog tapi hanya menyembunyikan.

Cara kerjanya yaitu jika kursor kita arahkan keatas header (posisi navbar) maka navbar akan muncul dan sebaliknya jika kursor tidak kita arahkan keatas header (posisi navbar) maka navbar tidak akan muncul.

Berikut langkah-langkah cara membuatnya :
  1. Login akun blogger Anda. 
  2. Pilih Template ---> Edit HTML ---> centang 'Expand Template Widget'
  3. Kemudian cari kode ]]></b:skin> 
  4. Copy paste kode dibawah ini tepat diatas kode ]]></b:skin>
    #navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
    #navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
  5. Simpan template.
Nah, cukup mudahkan cara membuat navbar blog tersembunyi (auto hide). Jika Anda masih mengalami masalah bisa menghubungi kami melalui contac.




  • Baca Juga