selamat datang di www.andikasangrajatutor.blogspot.com

cara menyembunyikan navbar



P
ada 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.




Share your views...

0 Respones to "cara menyembunyikan navbar"

Posting Komentar

 

Categories

Wavy Tail

© 2010 tutorial blog All Rights Reserved Thesis WordPress Theme Converted into Blogger Template by Hack Tutors.info