Menghilangkan dan Autohide Navbar di Blog

Sebelumnya fungsi Navigasi Bar di blog adalah :

• Untuk mempermudah mencari Blog lainnya.[Search]
• Menandai (seperti Bookmark)Blog jika isinya menarik.[Flag Bog]
• Untuk melihat blog selanjutnya yang diupdate secara acak. [Next Blog]
• Langkah cepat untuk menuju ke Halaman Dashboard Blog mu.[Customize]
• Log in di Blogger dengan menekan tombol B [B]

Ada 3 cara untuk menghilangkan Navigation Bar di Blog :


1. Mengganti warna Navigasi Blog


+ Login to Blogger kemudian pilih "Layout"
+ Klik "Edit" pada Navigasi Bar yang terletak diatas Header, kemudian ada pilihan 4 warna seperti gambar diatas. Pilih Salah satu, sesuaikan dengan tema lay out mu.
+ Save Template


2. Menghilangkan Navigasi Blog

+ Login to Blogger kemudian pilih "Layout"
+ Klik pada "Edit HTML"

-----------------------------------------------
Blogger Template Style
Name: Minima
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

+ Copy kode yang berwarna merah diatas lalu paste sama persis dengan posisi diatas.
+ Kode yang berwarna biru merupakan nama template mu,setiap template berbeda namanya.
+ Save Template

Atau letakkan seperti ini

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

]]></b:skin>
</head>

3. Autohide Navigasi Blog

-----------------------------------------------
Blogger Template Style
Name: Minima
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

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

+ Copy kode yang berwarna merah diatas lalu paste sama persis dengan posisi diatas.
+ Kode yang berwarna biru merupakan nama template mu,setiap template berbeda namanya.
+ Save Template

Atau letakkan seperti ini

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

]]></b:skin>
</head>