Auto-Hide Navbar, Cara Mudah Menghilangkan Navbar Blogspot

Kali ini saya akan mengajarkan cara untuk “menghilangkan” navbar. Apa?? Menghilangkan? Tunggu dulu, menghilangkan navbar menyalahi aturan TOS (Term Of Service) daripada Blogger. Tahukah kamu??

Lalu jika sudah tahu, apa yang harus diperbuat? Gampang, kita buat aja nih navbar auto-hide seperti taskbar pada Windows. Apa itu Auto-hide? Autohide itu bila kita menggeserkan mouse ke tempat navbar seharusnya berada, maka navbar akan muncul, sebaliknya jika menjauhkan mouse dari posisi seharusnya navbar berada, navbar itu akan hilang.

Kok bisa? Tentu bisa, karena saya kan sakti hahaha.. kembali ke… topik. Kali ini gampang-gampang saja caranya, kita akan sedikit mengutak-atik template. Cuman menambahkan 2 baris ini:

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

Bagaimana cara memasukkan kode tersebut?
Gampang, masuk ke Layout>Edit HTML lalu cari kode seperti ini:

/* Header
———————————————–
*/

Lalu masukkan kode tersebut tepat di bawahnya seperti ini:

/* Header
———————————————–
*/

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,FinishedOpacity=100)}
#header-wrapper {width:900px;margin:0 auto 10px;border:1px solid $bordercolor;}……………………

Simpan lalu lihat. Keren amir jadinya :04: