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

Kalo Soba Mau 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.

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

Selamat mencoba :)

Cara Mudah Auto Hide Dan Menghilangkan Navbar Blogger 9 out of 10 based on 10 ratings. 9 user reviews.

Tutorial Blog

• Cara mengganti background Kotak Komentar Blog 1
• Cara Mudah Membuat Random Background Color
• Memperbesar Gambar pada Artikel Blog Dengan jQuery Image Zoom 2.0
• Cara Simple Membuat Script Link Banner Pada Blog Plus Wadah Text Area
• Membuat Slide Gambar Efek Terjatuh Dengan jQuery
• Cara Membuat Slide Gambar Berjalan Pada BLOG
• Cara Mudah Mendeteksi Blog Yang NoFollow atau DoFollow dengan AddOns Mozilla Firefox
• Cara Mencari Blogger Satu Kota atau Satu Daerah
• Cara Memasang Photo Dan Avatar di Kotak Komentar Blogger
• MEnambah Dan Memasang Gadget HTML Code Javascript Pada Sidebar
• Cara Cek Link Yang Rusak Di Blog
• Cara Membuat Kotak Wadah Kode HTML Dengan Warna Pada Postingan
• Cara simpel Membuat Spoiler (Tombol Hide Show Kotak Kode HTML Pada Posting)
• New !! Cara Membuat Related Post Keren Dengan Tampilan Image