Cara Auto Hide Dan Menghilangkan Navbar Blogger

Navigation Bar ?  navigation bar (nav bar) akan muncul saat mouse beada di posisi paling atas blog, jika mouse digerakkan/atau dipindahkan dari lokasi navbar, maka navbar akan menghilang(disembunyikan)

Sekedar informasi, menghilangkan navbar blogger (Navigation Bar) merupakan salah satu pelanggaran TOS Blogger, solusi lainya kita bisa menggunakan Auto hide navbar Blogger. Cara kerja Auto hide, ketika pengunjung mengarahkan mouse ke bagian atas maka navbar asli akan muncul begitu juga sebaliknya jika pengunjung penggeser mouse ke bawah (tidak dalam area navbar) maka secara otomatis navbar tersebut akan di hilangkan.

Cara memasangnya (AUTO HIDE) :

Pada halaman Edit HTML, cari kode body {  kemudian letakan kode dibawah ini diatas kode body {

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

Menyembunyikan secara permanen.. berikut caranya : 

1. Login ke dashboard anda
2. Pilih Tata Letak => Edit Html => Centang "Expand Template Widget"

3. cari kode seperti di bawah ini

![CDATA[

4. Masukkan kode berikut setelah kode di atas

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

5. Klik tombol SIMPAN Template. Silahkan Lihat perubahan pada blog anda.


Selamat mencoba :) 

Catatan:
Jika di template anda menemukan kode
/*-- teks */
letakkan script setelah /* --teks --*/
karena script atau teks yang ada dalam cakupan /* teks */ tidak diproses, karena dianggap sebagai keterangan.

Contoh:

![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Rounders 3
Date: 27 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

diubah menjadi:

![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Rounders 3
Date: 27 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
#navbar {
height: 0px;
visibility: hidden;
display: none;
}