Auto Hide Navigation Bar (NavBar) Blogger

Blogger mania pasti sudah mengenal apa namanya autohide windows taskbar, yang apabila pointer mouse kita arahkan ke taskbar akan muncul taskbar tersebut dan bila pointer mouse kita alihkan ke tempat lain taskbar tersebut akan hilang (autohide). Nah tidak hanya di windows saja tapi di blogspot fasilitas tersebut bisa di aplikasikan di blog kesayangan blogger mania, mau tahu caranya?

1. Login dulu ke blogspot , setelah masuk ke Tata Letak > Edit HTML terus jangan lupa Download Template Lengkap simpan file tersebut di tempat yang aman.

2. Sekarang cari kode seperti di bawah :

body {

untuk memudahkan pencarian tekan Ctrl + F masukkan kode tersebut.

3. Setelah ketemu terus paste kode di bawah ini tepat di atas kode tesebut

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

4. Simpan template dan lihat hasilnya. Sangat kerenkan?

NB : Trik ini berlaku bagi template yang masih original alias belum banyak modifikasi, tapi bila ketemu kode :

.navbar {

display:none;

}

* {

Atau

#navbar-iframe {

height:0px;

visibility:hidden;

display:none;

}

Artinya kode tersebut untuk menghilangkan navigation bar blogger, jika ingin menggantinya dengan autohide tinggal hapus kode tersebut kemudian ganti dengan kode autohide. Selamat mencoba dan beri komentar ya kalau sudah mempraktekannya

Contoh Autohide NavBar Blogger dapat klik di sini