Cara Membuat Navbar Menjadi Hilang atau Auto Hide di Blog
Kali ini Saya akan membahas Cara Membuat Navbar Menjadi Hilang atau Auto Hide di Blog.
Apa itu Navbar Blogger? Untuk lebih mudahnya teman-teman bisa langsung melihat gambar ini :
A. Membuat Navbar Auto-Hide.
Tutorial ini akan menjadikan navbar blog kita tidak kelihatan, namun tidak hilang. Karena cukup dengan mengarahkan kursor mouse kita ke arah navbar (bagian atas blog) maka secara otomatis navbar blog akan kelihatan. Untuk lebih jelasnya silahkan untuk mengarahkan kursor mouse Anda ke bagian navbar blog ini.
Berikut cara membuatnya :
- Login ke blogger.com, jika sudah,
- Pilih Template → Klik Edit HTML
- Lalu cari kode ]]> agar mudah mencari tekan (ctrl+f)
- Lalu copas kode di bawah ini di atas kode ]]>
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
- Simpan dan lihat hasilnya.
B. Membuat Navbar Hilang / Menghilangkan Navbar.
Selanjutnya cara menghilangkan navbar, dan tentunya ini tidak bisa muncul seperti trik auto-hide. Beberapa blogger masih membahas apakah menghilangkan navbar blogger itu termasuk melanggar TOS (Term of Service) Blogger atau tidak. Akan tetapi secara pribadi si empunya blog hanya menemukan di ruang TOS Blogger menyatakan tentang kegunaan navbar ini adalah agar si pengunjung blog tertentu bisa mengunjungi blog berikutnya, tentunya ini tidak menentu alias secara acak.
Sedang kegunaan lain bisa anda temukan di navbar itu sendiri, seperti: mencari sesuatu yang ada di blog yg sedang kita kunjungi, berbagi atau sharing isi blog, forum untuk melaporkan penyalah gunaan blog, entri baru, kostumisasi, dan sign in/ sign out. Jadi selama belum ada peraturan mengenai hal ini, teman teman santai saja tidak perlu khawatir. Toh belum ada laporan mengenai blog yang dihapus gara-gara navbar-nya dihilangkan.
Cara membuatnya pun sama seperti cara yang ada di atas, yang berbeda hanya kodenya saja seperti di bawah ini :
#navbar-iframe {
display: none !important;
}
Perhatian :
Jika Anda ingin memunculkan navbar kembali, Anda hanya perlu menghapus kode yang terpasang tadi.
Update :
Jangan lupa nonaktikan atau pilih pilihan off di Tata Letak yang ada widget navbarnya.
Selamat Mencoba !