Cara Menghilangkan Navigasi Blog

Berawal dari keinginan yang besar untuk menghilangkan navigasi bar pada blog yang ku punya, ku cari sana-sini artikel yang berkaitan dengan apa yang ku cari. Akhirnya ku temukan juga, dan berhasil mencobanya. Dengan pemahaman yang kubisa, ku coba postingkan kembali artikel mengenai “cara menghilangkan navigasi bar blog” dalam blogku ini.

Terkadang kita masih melihat blog yang menampakkan navigasi bar. secara default. Navigasi bar  terletak di bagian atas blog. Navigasi bar ini berguna untuk mempercepat login ke account blog kita, baik  untuk mengedit ataupun menambah postingan yang kita lakukan. Karena dengan Navigasi bar kita bisa langsung menekan tombol Sign in (Masuk) untuk dapat masuk ke dashboard pada blog kita.
 

Nah, jika kita  telah sukses menghilangkannya, maka untuk melakukan pengeditan ataupun menambah postingan yang kita inginkan, maka yang  harus kita lakukan saat log in ke account blog kita adalah  pakai url: http://www.blogger.com  ataupun pakai http://www.blogspot.com (di sesuaikan).
 

Langkah yang kita lakukan adalah sebagai berikut :

1. Login ke dashboard kita
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 pada saat mouse berada 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)}

>>>  semoga ada manfaatnya …