Cara Membuat Auto Hide Dan Transparan Pada Navbar

بِسْمِ اﷲِالرَّحْمٰنِ الرَّحِيْم

Alhamdulillah akhirnya selesai juga posting trik blogger, Cara Membuat Auto Hide dan Transparan Pada Navbar. Kali ini kita bahas mengenai Navbar, Sobat sudah tahu kan apa itu navbar? Kalau belum lihat
gambar di bawah ini.

Navbar ini berada di bagian atas blog, fungsinya untuk navigasi blog. (silahkan arahkan kursor ke atas blog ini, blog ini juga menggunakan auto hide dan transparan pada navbar).

Cara kerja Auto hide, ketika pengunjung mengarahkan mouse ke bagian atas maka navbar akan muncul begitu juga sebaliknya jika pengunjung penggeser mouse ke bawah (tidak dalam area navbar) maka secara otomatis navbar tersebut akan di hilangkan.

Langsung ke Cara menerapkan trik ini, jika Sobat ini menggunakan trik ini ikuti langkah-langkah berikut :

1. Login ke Blog Sobat
2. Pada Dasbor Klik Tata Letak >> Edit Html
3. Cari Kode ini body { (gunakan CTRL + F)
4. Copy Kode di bawah ini dan letakkan di atas kode body {
   

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

5. Terakhir klik Simpan Template

Note : Jika Sobat menggunakan template bukan asli dari blogger, kebanyakkan sudah menghilangkan navbar. Untuk mengembalikannya hapus kode di bawah ini terlebih dahulu.

#navbar-iframe { height:0px; visibility:hidden; display:none }

Sekian Trik Blogger kali ini, Semoga Bermanfaat...

Baca Selengkapnya Cara Membuat Auto Hide Dan Transparan Pada Navbar | Catatan Ngeblog
oog-4u.blogspot.com | Catatan Ngeblog