Membuat Navbar Auto Hide di Blogspot

Assalamu'alaikum Wr. Wb.

Satu lagi masalah pada Navbar (Navigation Bar). Setelah kemaren saya posting tentang cara menghilangkan navbar pada blogspot, kali ini saya akan posting tentang cara membuat navbar itu auto hide. Mengapa?

Karena dengan menghilangkan Navbar tersebut, berarti kita melanggar TOS (Terms of Service) blogger. Itulah mengapa saya memposting tentang cara membuat navbar auto hide. System kerjanya navbar akan hilang dan akan muncul ketika kita gerakkan mouse ke tempat navbar atau ke bagian paling atas blog kita tersebut. Sebagai contoh anda bisa liat pada blog saya ini. Silahkan arahkan mouse anda ke bagian paling atas blog ini.

Navigation Bar

Untuk Membuat Navbar Auto Hide ini, berikut langkah-langkahnya.

1. Login ke blog anda.

2. Pada Dasbor pilih Rancangan
3. Pilih Tab Edit HTML

4. Klik Download Template Lengkap untuk backup template anda jika terjadi error

5. Klik Expand Template Widget untuk pengeditan keseluruhan

6. Cari kode <![CDATA[ (tekan Ctrl + F dan masukkan kode <![CDATA[ pada kotak pencarian)

7. Masukkan kode dibawah ini dibawah kode <![CDATA[ tersebut.

Code:

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

8. Save Template dan lihat hasilnya

Selamat mencoba semoga bermanfaat.

Artikel Terkait