Cara Membuat Auto Hide Navbar Pada Blogger

Sebenarnya untuk menghilangkan Navbar Blogger itu termasuk melanggar peraturan yang telah ditetapkan oleh Blogspot. Namun untuk mewujudkan keinginan Mas Bro sekalian tanpa menghilangkan Navbar secara permanen, sampeyan bisa menyembuyikan Navbar tersebut dengan auto hide Navbar.


Berikut adalah langkah-langkah tentang cara menyembunyikan navbar pada Blogger.
  • Login ke Blogger Sampeyan
  • Klik Rancangan
  • Klik tab edit HTML
  • Cari kode yang seperti ini   body {
  • Tambahkan kode HTML berikuti ini diatasnya

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

  • Klik Simpan template, dan lihat hasilnya.
Coba sampeyan arahkan mouse pada bagian teratas blog, maka akan muncul navbar yang telah disembunyikan. Apabila mouse sampeyan arahkan ke tempat lain, maka navbar akan kembali hilang atau tersembunyi kembali.

Selamat mencoba dan semoga bermanfaat.. 


Sebenarnya untuk menghilangkan Navbar Blogger itu termasuk melanggar peraturan yang telah ditetapkan oleh Blogspot. Namun untuk mewujudkan keinginan Mas Bro sekalian tanpa menghilangkan Navbar secara permanen, sampeyan bisa menyembuyikan Navbar tersebut dengan auto hide Navbar.


Berikut adalah langkah-langkah tentang cara menyembunyikan navbar pada Blogger.
  • Login ke Blogger Sampeyan
  • Klik Rancangan
  • Klik tab edit HTML
  • Cari kode yang seperti ini   body {
  • Tambahkan kode HTML berikuti ini diatasnya

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

  • Klik Simpan template, dan lihat hasilnya.
Coba sampeyan arahkan mouse pada bagian teratas blog, maka akan muncul navbar yang telah disembunyikan. Apabila mouse sampeyan arahkan ke tempat lain, maka navbar akan kembali hilang atau tersembunyi kembali.

Selamat mencoba dan semoga bermanfaat.. 

terkait dengan Cara Membuat Auto Hide Navbar Pada Blogger :