Cara Menghilangkan Navigasi Bar (NavBar) pada blog dan Auto Hide NavBar

Untuk menyembunyikan

1. Login terlebih dahulu, kemudian masuk ke Dasbor Blog

2. pilih Template, kemudian Edit HTML, lalu centang expand template windget

3. cari kode seperti di bawah ini (CTRL+F)

![CDATA[

4. kemudian masukkan kode dibawah ini, tepat diatas kode yang barusan kita cari

#navbar {

height: 0px;

visibility: hidden;

display: none;

}

5. Kemudian save

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;

}

Selain menghilangkan navbar, kita juga dapat membuat navbar autohide, yaitu 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)

Untuk membuat navbar autohide, cukup ganti kode

#navbar {

height: 0px;

visibility: hidden;

display: none;

}

menjadi:

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}

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

Posted in: Tips n Trik