Assalamu’ alaikum para penggendeng blogger, berjumpa lagi dengan saya dalam acara yang kita nanti-nantikan apalagi kalau bukan family-mutiarahati.blog. Pada postingan sebelumnya saya sudah menerangkan tentang navbar serta cara menghilangkannya, oleh karena itu pada postingan kali ini saya akan menjelaskan tentang cara auto-hide navbar blog. Artinya jika navbar kita sorot dengan cursor maka akan muncul, tapi apabila tidak disorot dengan cursor maka navbar akan menghilang.
Keren banget kaaan ! Oke kalau begitu langsung aja kita buat navbar blog kita menjadi auto hide, are you ready ? Let’ do it !
1. Login ke blogger.com
2. Klik Layout/Tata Letak ---> Edit HTML
3. Masukkan kode script berikut di atas kode body biar cepat ketemunya tekan Ctrl+F
/* autohide navigation bar */
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
4. Kemudian klik simpan template ! Oke gaaaaaaampang kan ? Wassalamu’ alakum wr. wb.
Keren banget kaaan ! Oke kalau begitu langsung aja kita buat navbar blog kita menjadi auto hide, are you ready ? Let’ do it !
1. Login ke blogger.com
2. Klik Layout/Tata Letak ---> Edit HTML
3. Masukkan kode script berikut di atas kode body biar cepat ketemunya tekan Ctrl+F
/* autohide navigation bar */
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
4. Kemudian klik simpan template ! Oke gaaaaaaampang kan ? Wassalamu’ alakum wr. wb.
