20 February 2012

» » Cara Buat Navbar Auto Hide

Cara Buat Navbar Auto Hide

navbar,navigation bar,navbar auto hide,cara buat navbar auto hide

Navigation Bar atau yang lebih dikenal dengan singkatannya Navbar, selalu menjadi bahan Tutorial di setiap blog. Blog ini pun seperti itu, setelah beberapa waktu yang lalu memberikan tutorial blog tentang Cara Menyembunyikan Navbar Blog, kali ini saya akan lanjutkan dengan cara membuat Navbar Auto Hide. Navbar Auto Hide artinya Apabila pointer mouse di arahkan di bagian Navbar, maka Navbar akan muncul. Dan apabila Pointer Mouse tidak diarahkan di bagian Navbar, maka Navbar akan hilang. Seperti itulah gambaran kecil dari Navbar Auto Hide. Buat sobat blogger yang tidak ingin menghilangkan Navbar dan ingin menggunakan Navbar Auto Hide, ikuti langkah mudah ini.

  • Sign In terlebih dahulu di blog sobat
  • Di bagian Dashboard, klik Layout dan klik Edit HTML
  • Cari kode ]]></b:skin>
  • Kalau sudah ketemu, letakkan kode di bawah ini sebelum kode ]]></b:skin>
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
  • Simpan template sobat.

Kalau sudah berhasil membuat Navbar Auto Hide, jangan lupa tinggalkan komentar sobat blogger.

Baca tutorial menarik lainnya di bawah ini :

Posted by

15 comments:

  1. Zamer Al_BannaApril 6, 2012 at 10:07 AM

    WAw keren..

    ReplyDelete
  2. Pusat Niaga Online IndonesiaMay 5, 2012 at 12:40 PM

    Kali ini saya berhasil "Buat Navbar Auto Hide" di blog, lama cari-cari info pas dicoba ngak bisa.
    Syukur dapat artikel ini.
    Terimakasih.

    ReplyDelete
  3. Fika HadiMay 16, 2012 at 11:50 PM

    saya mau nanya, kalo pake javascript seperti ini kan autohidenya cepet ya, saya maunya agak lambat gitu autohidenya, gimana ya?

    ReplyDelete
  4. Elwino Alif RamadhanJune 7, 2012 at 7:45 AM

    Berhasil!!!

    ReplyDelete
  5. UnknownJune 8, 2012 at 9:44 PM

    keren info nya.. makasih iya :D

    mampir juga ni
    http://www.ilhambahtara.cu.cc

    ReplyDelete
  6. Adiva Nur SuandyJuly 5, 2012 at 4:35 PM

    thx y kk ats info nya :)

    ReplyDelete
  7. download filmOctober 30, 2012 at 7:35 PM

    artikel ini cukup bagus bro dan aku suka dan juga sangat aku suka ulasanya yg cukup tajam dan juga sala kenal dari mico batam islands, dan sekalian bagi teman2 yg ingin download film box office ampe setengah semi silakan kunjungi situsnya ya, makasi admin disini juga keep blogging to you and makasi

    ReplyDelete
  8. NuraidaNovember 5, 2012 at 8:06 PM

    aku gak bisaaa :(
    kenapa yaaa :'(

    ReplyDelete
  9. UnknownDecember 6, 2012 at 7:49 AM

    Trimss

    ReplyDelete
  10. Yuni MaimunahJanuary 31, 2013 at 8:38 AM

    artikel banyak membantu, thanks

    ReplyDelete
  11. gary.nicoFebruary 18, 2013 at 6:47 PM

    kok saya habis buka edit html saya gk ketemu tombol view all ya :(

    ReplyDelete
  12. gary.nicoFebruary 18, 2013 at 6:51 PM

    maksudnya saya gak ketemu tombol untuk centang Expand Template Widget.. anyone help? urgent

    ReplyDelete
  13. service infocus jakarta timurJuly 4, 2013 at 10:42 AM

    makasih infonya ya gan...

    ReplyDelete
  14. dhanielleqSeptember 4, 2014 at 7:52 PM

    muwanteb gan.

    ReplyDelete
  15. imrans23November 10, 2017 at 11:37 PM

    mantap mudah dimengerti bagi pemula seperti saya jangan lupa kunjungi blog saya imrans23.blogspot.com

    ReplyDelete

Subscribe to: Post Comments (Atom)