Membuat Navbar Auto-Hide

Apa itu Navbar Blogger? Untuk lebih mudahnya teman-teman bisa langsung melihat gambar ini:
, nah bagi teman-teman yang baru daftar ke blogger biasanya navbar ini masih ada di atas blognya teman-teman. Sebagian blogger merasa tidak srek atau tidak nyaman kalau navbar ini tampil di blog mereka. Beberapa alasan yang biasa muncul adalah karena takut nantinya para pengunjung mengklik tulisan blog berikut, sehingga dengan mengklik tulisan ini maka si pengunjung akan dibawa ke blog lain, alasan lainnya lagi karena memang tampilannya kurang menarik, dll. oleh karenanya banyak dari para blogger berusaha untuk tidak menampilkan navbar ini, baik itu dengan tidak menampilkannya secara permanen, ataupun dengan cara menyembunyikannya akan tetapi jika kita mengarahkan mouse kita ke navbar, maka navbar tersebut akan muncul, atau biasa juga disebut dengan navbar auto hide (contohnya saja blog ini^).

Untuk melakukan trik navbar ini kita hanya membutuhkan sedikit mengotak atik kode templet kita.

A. Membuat Navbar Auto-Hide.

Trik ini akan menjadikan navbar blog kita tidak kelihatan, namun tidak hilang. Karena cukup dengan mengarahkan kursor mouse kita ke arah navbar (bagian atas blog) maka secara otomatis navbar blog akan kelihatan. Untuk lebih jelasnya silahkan untuk mengarahkan kursor mouse anda ke bagian navbar blog ini. Bagaimana, tertarikkah anda untuk mencobanya? kalau tertarik, langkah-langkahnya adalah sebagai berikut:

1. Login ke Blogger.

2. Klik Tata Letak.

3. Klik Edit HTML.

4. Lalu cari kode ]]></b:skin> (Gunakan Ctrl+F) lalu kopi-paste kode berikut di atas kode ]]></b:skin> :

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

5. Klik Simpan Template.

6. Sekarang silahkan dilihat hasil kerjaan anda.