Jumat, 10 September 2010

Membuat Tampilan Auto Hide Navbar Blog

Auto Hide pada Navbar Blogger adalah cara menyembunyikan Navbar blogger. Akan muncul kembali bila cursor/mouse kita arahkan ke bagian atas halaman blog.

Berikut Cara membuatnya :

- Login ke blog
- Masuk ke menu Rancangan, klik Edit HTML
- Centang "Expand Widget Template"
- Supaya aman, silakan Download dulu template (klik Download Template Lengkap)
- Gunakan tombol F3, cari kode: body {
- Copy Paste code 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)}

- Klik Save Template, selesai sudah.

Catatan: Untuk template yang sudah dihilangkan navbarnya secara permanen, cari dan hapus dulu kode seperti dibawah ini:

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

salam

Tidak ada komentar:

Posting Komentar