Cara Menghilangkan atau AutoHide NavBar

Oke, setelah nge-share mengenai apa itu NavBar, sekarang yuk kita lanjut mengenai cara menghilangkan atau nge-AutoHide NavBar pada halaman blog.

Bagi kalian yang belom tau apa itu NavBar, kalian bisa baca disini.

Well, pertama-tama kita coba buat menghilangkan NavBar-nya dulu yah. Gini caranyaaaa :

• Masuk ke halaman Dasbor Blogger masing-masing.
• Setelah halaman Dasbor Blogger muncul, klik pada bagian Opsi lainnya, kemudian klik Tata Letak seperti pada gambar.

• Selanjutnya, lihat pada kotak Navbar, terdapat pilihan Edit yang terletak di pojok kanan bawah kotak. Klik Edit, kemudian akan muncul kotak dialog Konfigurasi Navbar

• Untuk menghilangkan NavBar, kita hanya perlu meng-klik button Off yang terletak di bagian kiri bawah kotak dialog. Kemudian, klik Simpan dan kotak dialog Konfigurasi Navbar akan tertutup secara otomatis setelah proses penyimpanan tadi selesai.
• Setelah itu, klik Simpan Setelan. Tunggu hingga proses penyimpanan selesai.
• Hasil perubahan dapat kita lihat dengan cara klik Lihat blog.

Gimana ? Nggak susah* amat kan ? hehee

Kalo suatu saat kalian berubah pikiran untuk menampilkan NavBar lagi, tinggal ulangi aja step by step di atas. Bedanya, kalo pengen menghilangkan kita klik button Off, kalo untuk menampilkan kita pilih dulu tampilan NavBar mana yang mau kita pake, klik button-nya dan lanjut sampai step terakhir.

Selain bisa dihilangkan, NavBar juga bisa kita AutoHide.

Gimana caranya ? Ini diaaaaa :

• Pastikan NavBar kita nggak dalam posisi Off.
• Setelah masuk ke halaman Dasbor Blogger, klik pada bagian Opsi lainnya, kemudian klik Template seperti pada gambar.

• Setelah itu, klik Edit HTML seperti tampak pada gambar.

• Kemudian, tekan Ctrl+F lalu ketik ]]></b:skin> untuk memudahkan pencarian kode.
• Copy kode teks berikut.
#navbar-iframe { opacity:0.0; filter:alpha(Opacity=0) } #navbar-iframe:hover { opacity:1.0; filter:alpha(Opacity=100,FinishedOpacity=100)


• Kemudian paste kode teks tersebut di atas baris kode ]]></b:skin> seperti pada gambar.

• Setelah itu klik Simpan template. Tunggu hingga proses penyimpanan selesai.
• Hasil perubahan dapat kita lihat dengan cara klik Lihat blog.

Okeeee, selesai :D

Pada AutoHide, NavBar kita bakalan nggak kelihatan. Tapi ketika kita arahkan kursor ke bagian atas halaman, taraaaaaa !! Muncul lah dia si NavBar hehe

Well, sekian tutorial dari aku.
Good luck bagi kalian yang pengen nyoba :D
Akhir kata, semoga bermanfaat :)
Thanks for reading :)))