Tips Menghilangkan Navigasi Bar (Navbar) Blogger

Mungkin anda kadang melihat blog yang masih menampakkan navigasi bar. Secara default saat anda membuat blog, akan tampak navigasi bar yang terletak di bagian atas blog. Navigasi bar berguna untuk mempercepat login ke account blog anda untuk mengedit atau menambah postingan. Karena anda bisa langsung menekan tombol Sign in untuk masuk ke dashboard blog anda.

Jika anda telah menghilangkannya, maka untuk melakukan pengeditan atau menambah postingan, anda harus log in ke account blog anda memakai url:
http://www.blogger.com maka anda akan bisa masuk untuk mengedit blog kita disana.. sebenarnya adanya Navigasi bar untuk memudahkan kinerja kita untuk mengedit dan atau menambah postingan di blog kita tetapi kalau untuk melihat tampilan itu tidak begitu menarik kalau ada navigasi barnya, sekarang terserah pilihan anda yang pasti kalau anda suka ada navbarnya ya tinggal di adakan kalau yang tidak maua ada ya tinggal di hilangkan yang penting adalah bagaimana caranya ilmu untuk bisa dlam hal itu... he he



Untuk menyembunyikannya, anda bisa gunakan prosedur berikut:

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.

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)}

Pengunjung Tips Bloggerz suka baca yang ini :
1. Tips Cara Membuat Read More...
2. Tips Membuat ShoutBox Dari ShoutMix
3. Tips Mendulang Dolar Dari Ngeblog Dengan Chitika
4. Tips Membuat Visitor Flag Counter
5. Tips Mengecek Page Rank Blog Kita
6. Tips cara memasang code HTML
7. Tips Cara Mengganti Templates Gratisan
8. Tips Menampilkan Video Youtube ke Blog
9. Tips Membuat Favicon Dengan Mudah
10. Tips Panduan Membuat Blog Untuk Pemula