Cara menampilkan navbar auto hide

Navbar auto hide maksudnya navbar akan tersembunyi atau tidak terlihat, namun begitu kursormouse mengenai bagian atas blog di tempat Navbar berada maka Navbar tersebut akan muncul kembali. Salah satu kegunaan Navigasi bar atau Navbar ini adalah untuk mempercepat akses masuk atau loginke akun Blogger. Selain itu masih ada manfaat lainnya yang bisa diambil dengan memasang Navbar ini pada blog.

Nah, di bawah ini merupakan langkah-langkah untuk membuat Navbar tampil secara auto hide pada blog. Bila di template blog Anda Navbarnya sudah hilang, maka Anda harus menampilkan Navbar tersebut terlebih dahulu dengan cara.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk mem-back up template. Hal ini untuk berjaga-jaga kalau nanti terjadi kesalahan dalam pengeditan.

4. Cari kode seperti di bawah ini atau yang mirip-mrip dengan kode tersebut. Tekan tombol Ctrl + F untuk memudahkan pencarian.

#navbar-iframe

{
height:0px;
visibility:hidden;
display:none
}
5. Hapus kode tersebut.

6. Klik tombol SIMPAN TEMPLATE.

kemudian untuk membuat Navbar tampil secara auto hide pada blog adalah

1. Klik Rancangan > Edit HTML.

2. Cari kode ]]></b:skin>. Tekan tombol Ctrl + F pada keyboard kemudian ketikkan kode yang dimaksud untuk mempercepat pencarian.

3. Kemudian copy kode di bawah ini lalu paste 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)}

4. Klik tombol SIMPAN TEMPLATE