Madriva: Tips Menyembunyikan Navbar Blogger

Tips Menyembunyikan Navbar Blogger

Posted by : Rhyf Ahmad Sunday, January 01, 2012

Navigation Bar atau biasa disingkat dengan navbar, adalah sebuah menu navigasi yang disediakan secara default oleh Blogger, namun bagi sebagian orang fitur ini terkesan mengganggu tampilan Blog (termasuk saya), sehingga menu ini disembunyikan. Berhubung saya orang baik

, saya akan memberikan cara biar sobat Blogger dapat menyembunyikan Navbar.

Chek This...

Berikut langkah-langkahnya.

Log In terlebih dahulu ke akun Bloggernya.
Di halaman Dasbor, pilih Rancangan, dan pilih Edit HTML.
Centang checkbox Expand Template Widget

Klik Download Template Lengkap, ini dimaksudkan agar pada saat ada kesalahan, sobat Blogger bisa mengembalikan template ke keadaan semula.
Jika sudah, klik pada kolom script tersebut dan cari kode di bawah ini, jika ingin lebih mudah, tekan kombinasi tombol Ctrl+F pada keyboard, dimaksudkan agar lebih memudahkan pencarian.

<b:skin><![CDATA[
Letakkan kode CSS di bawah ini tepat di bawah kode [CDATA[

#navbar {
height: 10px;
visibility: hidden;
display: none;
}
Klik Simpan Template, dan jreeeng..... Navbar sudah disembunyikan

Perlu diperhatikan, pada saat melakukan editing HTML, sobat Blogger akan menemukan tanda komentar di bagian bawah kode [CDATA[, oleh karenanya di sarankan menempatkan kode CSSnya setelah kode komentar tersebut, sehingga keadaan akhir kodenya adalah seperti gambar di bawah ini.