Cara Membuat Navbar Auto Hide Di Blogspot

Cara Membuat Navbar Auto Hide Di Blogspot - Anda sudah tahu kan apa itu Navbar, klo belum silahkan lihat di bagian atas blog anda, terdapat Page tambahan bawaan dari blogger, itulah yang namanya Navbar.

Berikut tampilan gambar Navbar Blogger

Navbar auto hide maksudnya navbar akan tersembunyi atau tidak terlihat, namun begitu kursor mouse 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 login ke 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.

• Masuk ke akun Blogger Anda.
• Klik Rancangan > Edit HTML.
• Cari kode ]]></b:skin> Tekan tombol Ctrl + F pada keyboard kemudian ketikkan kode yang dimaksud untuk mempercepat pencarian.
• 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)}

• Lalu Simpan Template

Sangat mudah bukan, yang mau pasang navbar kaya gitu langsung di praktekin aja.

Semoga bermanfaat,..