Menghilankan Dan Auto Hide Nevebar Pada Blogger

Assalamu alaikum...

Menghilankan Dan Auto Hide Nevebar Pada Blogger

Mungkin sobat merasa tergangu dega adanya kotak masuk atau biasa disebut para blogger "Navbar" yang berada pada bagian atas halaman blog. pada kesempatan kalai ini saya mencoba sher kepada sobat  yang saya beri judul Menghilankan Dan Auto Hide Nevebar Pada Blogger . bagi teman yang belum mengetahui apa itu navebar, sobat bisa lihat gambar dibawah ini ..

Mungkin sobat kadang melihat blog yang masih menampakkan navigasi bar.Secara default saat sobat  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 sobat.


 Jika sobat ingin menghilangkannya, maka untuk melakukan pengeditan atau menambah postingan, anda harus log in ke account di blogger sobat.

1. Login ke dashboard anda

2. Pilih Tata Letak => Edit Html => Centang "Expand Template Widget"

3. Silahkan sobat cari kode seperti ini ![CDATA[

4. Copy kode di bawah ini kemudian simpan tepat di atas ![CDATA[

#navbar {

height: 0px;

visibility: hidden;

display: none;

} 

5. Klik tombol SIMPAN template. lilahkan lihathasilnya 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:

Sebelum:

![CDATA[/*

-----------------------------------------------

Blogger Template Style

Name: Rounders 3

Date: 27 Feb 2004

Updated by: Blogger Team

----------------------------------------------- */

Setelah:

![CDATA[/*

-----------------------------------------------

Blogger Template Style

Name: Rounders 3

Date: 27 Feb 2004

Updated by: Blogger Team

----------------------------------------------- */

#navbar {

height: 0px;

visibility: hidden;

display: none;

}

 Bagi sobat yang ingin membuat navbar autohide, yaitu navigation bar (nav bar) akan muncul 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)} 

Menghilankan Dan Auto Hide Nevebar Pada Blogger

Selesai deh..

Selamat mencoba semoga dapat memberikan mamfaat....