Jumat, 10 Agustus 2012

Cara Buat Navbar Buka Tutup


Cara menghilangkan Navbar Blogspot adalah tutorial blogger yang saya publikasikan beberapa hari yang lalu. Sekarang, saya akan memberikan tutorial blog tentang cara buat Navbar Auto Hide. Tapi sebelumnya, saya akan jelaskan sedikit tentang fungsi dari Navbar Auto Hide.

Demo Tutorial Blogspot

Navbar Auto Hide memungkinkan sobat blogger untuk menghilangkan navbar dari blog sobat, akan tetapi ketika cursor blog diarahkan ke bagian atas header maka Navbar yang sudah disembunyikan tersebut akan muncul kembali. Itulah fungsi dari Navbar Auto Hide dan untuk lebih jelasnya, silahkan sobat klik tombol di bawah ini untuk melihat demonya secara live (langsung)

Cara Buat Navbar Auto Hide

  • Sign In di blogger.com
  • Pada menu drop down, klik template
  • Backup template sobat terlebih dahulu.
  • Selanjutnya, klik Edit HTML dan klik Proceed
  • Cari kode ]]></b:skin>
  • Kalau sudah ketemu, letakkan kode berikut diatasnya :
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
  • Simpan template sobat.
Navbar Auto Hide bisa dijadikan salah satu alternative paling bagus buat sobat blogger yang tidak mau meghilangkan fitu-fitur asli bawaan template blogger.


Tidak ada komentar:

Posting Komentar