Membuat Navbar Menjadi Autohiden

B

logger stnadar pada umumnya memiliki NavBar atau NavigatorBar di bagian atasnya seperti yang terlihat pada gambar dibawah ini

NavBar tersebut dapat kita modifikasi dengan sedikit trik salah satunya yaitu membuat NavBar tersebut mrnjadi Autohiden. Maksut dari autohiden disini yaitu ketika mouse berada pada posisi atas maka navbar akan tampil. Adapun langkah-langkah untuk membuat NavBar autohiden adalah sebagai berikut :

1. Silahkan adana login ke blog anda
2. Klik Dasbor>rancangan>Edit HTML Nanti anda akan dihadapkan pada halaman seperti dibawah ini

3. Cari kode body { Gunakan tobol ctrl+f atau F3 untuk memudahkan dalam pencarian
4. Jika sudah ditemukan copy kode dibawah ini kemudian letakan diatas kode body {

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


5. Kemudian simpan Template
6. Apabila proses berhasil, makan akan tampil pesan seperti yang ada pada gambar dibawah ini





7. Selanjutnya anda buka halaman blog anda dan lihat hasil modifikasi navbar pada blog anda
8. Selesai dan semoga bermanfaat

Artikel Terkait: