Saat kita membuat blog baru, dan dengan template bawaan biasanya navigasi bar atu navbar pasti muncul diatas blog kita. bagi sahabat blogger yang belum tahu navbar seperti apa, silahkan lihat gambar berikut :


Berikut cara Menghilangkan navigasi bar "Navbar" pada blog sahabat :

  • Masuk / Login ke akun blog sahabat.
  • Pilih >> Rancangan-edit HTML.
  • Centang pada >> Expand Widgets Templates.
  • Kemudian cari kode  ![CDATA[  dengan menggunakan Ctrl + F
  • Setelah kode anda temukan pasangkan kode berikut tepat setelah kode diatas.
#navbar {
height: 0px;
visibility: hidden;
display: none; 
}
  • Simpan pengaturan dengan klik tombol simpan template, dan lihatlah pada tampilan hompage blog sahabat. apakah sudah hilang atau belum.
Catatan:
Jika pada template blog sahabat menemukan kode /*-- teks */ maka kode script diatas diletakkan setelah /* --teks --*/ karena jika script atau teks yang ada dalam cakupan /* teks */ tidak akan diproses sebagai kode html ataupun script, melainkan kode tersebut dianggap sebagai keterangan atau teks biasa.
Contoh:

![CDATA[/*
-----------------------------------------------
Theme Name: Blue with Grey
Author URI: http://ugesi.de/
Theme URI:
Description: Details oriented theme with modern and decent design. Blue and grey are main colors used in the theme. Menu is widgetized.
----------------------------------------------- */

diubah menjadi:

![CDATA[/*
-----------------------------------------------
Theme Name: Blue with Grey
Author URI: http://ugesi.de/
Theme URI:
Description: Details oriented theme with modern and decent design. Blue and grey are main colors used in the theme. Menu is widgetized.
----------------------------------------------- */
#navbar {
height: 0px;
visibility: hidden;
display: none;
}
Navbar pada umumnya memang ada dan dihilangkan, karena menurut sebagian dari pengguna blogger navbar akan mengganggu tampilan blog. akan tetapi kita bisa juga menjadikan navbar itu auto hide yang artinya navbar akan muncul jika posisi mouse berada di paling atas tampilan blog dan akan hilang jika mouse bergeser kebawah. untuk pengaturan navbar auto hide kita hanya mengganti kode dibawah ini :

#navbar {
height: 0px;
visibility: hidden;
display: none;
}
 
Kemudian anda ubah dengan format kode berikut :


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

Demikian diatas proses menghilangkan navigasi bar "Navbar" pada blog dan cara membuat navbar auto hide. semoga artikel ini dapat membantu mempelajari blogger. terimakasih