Membuat Navbar Automatis Hide atau Transparant

Kalau kita baru membuat Blog coba lihat di paling atas header Blog kan ada kotak navigasi blogger yang ada tulisannya laporkan prnyalahgunaan  itulah yang dinamakan "navbar" fungsinya untuk mencari blog lain, untuk sign in ke blogger dan dll, untuk apa di aoto-hidekan ?? katanya shee biyar keereen... keren gimana ?? jika kita dekatkan cursor di navbar maka akan muncul jika kita jauhkan akan menghilang... keeeren gak ????

Langkah-langkah untuk membuuat navbar Atomatis hide :
- Login ke Blogger.com
- Masuk ke tata letak (layout) > pilih Edit HTML
- Cari kode ini ]]></b:skin>
- Jika sudah ketemu copy pastekan kode berikut ini diatas kode ]]></b:skin> tadi

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)} 

- Simpan template. selesai 
Coba lihat Blog anda sekarang Navbar Blog anda menjadi auto-hide.

Kita juga dapat membuat Navbar Transparant  dengan hanya mengganti  no pada kode di atsa seperti di bawah ini :

#navbar-iframe{opacity:0.2;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:0.5;filter:alpha(Opacity=100, FinishedOpacity=50)}  
 Selamat Mencoba

Artikel Terkait:

0 komentar: