Mengutak-atik Navbar blogspot

Sobat Blogger, tentunya kalian sudah tahu yang dimaksud dengan navbar. Betul, navbar adalah sebaris menu default dari www.blogger.com yang letaknya berada di bagian paling atas halaman blog.

Saya rasa sebagian besar blogger juga sudah tahu bagaimana cara mengutak-atik navbar ini. Ada yang menghilangkan navbar, ada juga yang membuat navbar menjadi transparan, dan yang terakhir membuatnya menjadi auto-hide (bila kursor mouse diarahkan pada bagian atas halaman blog, maka secara otomatis navbar akan muncul. Sebaliknya bila kursor digerakkan menjauh dari posisi navbar, maka navbar akan hilang). Keren kan?

Catatan: Menghilangkan NavBar melanggar TOS dari blogger.com. Ada informasi yang simpang-siur mengenai hal ini. Ada kabar, bahwa seorang blogger pernah menanyakan hal ini kepada blogger. Dan dijawab oleh blogger, menghilangkan navbar diperbolehkan. Kepastiannya? Belum pasti.

Nah buat kamu yang tetap ingin menghilangkan navbar, ayo, ikuti caranya satu persatu!

1. Menghilangkan NavBar
2. Membuat NavBar Menjadi Transparan
3. Membuat Auto-Hide NavBar

1. MENGHILANGKAN NAVBAR

Seperti biasa login ke akun blogger dan masuk ke Tata Letak >> Edit HTML.

Lalu letakkan kode di bawah ini di atas ]]></b:skin>

#navbar-iframe  {
   display : none;
   height : 0;
   visibility : hidden;
}

Dan jangan lupa menyimpan perubahan di atas dengan klik tombol Simpan Template.

2. MEMBUAT NAVBAR MENJADI TRANSPARAN

Sama dengan cara di atas, letakkan kode berikut di atas ]]></b:skin>:

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

3. MEMBUAT AUTO-HIDE NAVBAR

Pada dasarnya metode auto-hide dengan transparan adalah sama, hanya pada auto-hide nilai opacity dibuat nol (0) agar navbar sama sekali tidak terlihat.

Kode yang digunakan adalah:

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