Cara Menyembunyikan Navbar

Pada postingan yang lalu saya pernah membahas tentang bagaimana cara menghilangkan navbar dengan segala resikonya,lihat di sini. Untuk postingan kali ini ada alternatif lain bagaimana agar navbar tersebut tidak menghilang sama sekali,tapi cukup dengan menyembunyikannya.

Maksud dari menyembunyikan adalah jika nanti pointer mouse kita arahkan keatas dimana letak posisi dari navbar,maka navbar tersebut akan muncul kembali. Jika sobat tertarik dengan cara ini,silahkan ikuti langkah-langkah di bawah ini:

• Login ke blog sobat

• Pilih tata letak

• Klik Edit HTML.

• Cari kode ]]></b:skin>

• Letakkan kode dibawah ini diatasnya.
  
  #navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
  #navbar-iframe:hover {opacity:1.0;filter:alpha(Opacity=100,FinishedOpasity=100)}

• Hingga hasilnya sebagai berikut:
  
  #navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
  #navbar-iframe:hover {opacity:1.0;filter:alpha(Opacity=100,FinishedOpasity=100)}
  ]]></b:skin>

• Simpan.

• Lihat hasilnya.

• Selesai.

Posted in: Tips Blog