Sunday, January 3, 2010

Menyembunyikan Blogger Navbar

Posted by dav On 10:54 PM
Navbar atau navigation bar terdapat di bagian paling atas, sebenarnya navbar sangat membantu bagi para pengunjung blog, karena disana terdapat tombol-tombol navigasi blogger. Tetapi terkadang bagi para pemilik Blog merasa hal tersebut kurang menguntungkan dari segi kegunaan dan kurang indah dari segi tampilan, bahkan beberapa blogger menyembunyikan navbar sebagai salah satu bentuk profesionalisme blogger. Blogger yang masih menggunakan navbar sebagian blogger menyebutnya kurang profesional. Entahlah, apa alasan para blogger dalam hal menyembunyikan navbar.
Menyembunyikan Blogger Navbar
Bagi para pemilik blog yang ingin menyembunyikan navbar bisa mengikuti blogger hack dibawah ini:
Langkah 1
Login ke Blogger
Langkah 2
Masuk ke "Tata Letak - Edit HTML"
Langkah 3
Cari kode dibawah ini:
]]></b:skin>
Langkah 4
Letakan (copy paste) kode dibawah ini tepat diatas kode pada langkah 3:
.navbar {height:0px; visibility:hidden;display: none;}
Kode diatas akan menyembunyikan navbar secara permanen, atau kode dibawah ini:
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100}
Kode diatas hanya menyembunyikan semi permanen, jika mouse diarahkan halaman blog paling atas maka navbar akan ditampilkan, jika mouse digeser menjauh dari bagian atas halaman blog maka navbar akan disembunyikan kembali.
#navbar-iframe {position: fixed;right: 0px;bottom: 0px;left: 0px;}
Kode diatas memindahkan posisi navbar dari bagian atas ke bawah.
Langkah 5
Simpan template dan preview blog anda, boom... apa yang terjadi? Lihat sendiri...
Selamat mencoba semoga berhasil. Happy blogging...