Senin, 01 Maret 2010

How to Make Auto Hide Navbar

Cara membuat Auto hide Navbar, kadang bagi sebagian blogger, navbar yang berada diatas blognya terasa mengganggu, tetapi jika menghilangkan navbar tersebut berarti kita melanggar TOS dari blogger. lalu bagaimana agar navbar tersebut tidak mengganggu tampilan blog kita? mungkin dengan membuat auto hide navbar hal tersebut dapat teratasi, karena dengan auto hide navbar secara default, navbar tersebut tifak nampak, tetapi navbar tersebut baru muncul ketika mouse kita arahkan kebagian atas (tempat navbar berada). berkitu sedikit cara untuk membuat navbar auto hide:
silahkan masuk dulu ke akun blogger anda, selanjutnya plih tata letak (layouts), pilih edit html, centang Expand template widgets.
selanjutnya masukkan kode berikut tepat diatas body{ :
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
selanjutnya masukkan kode berikut dibawah body{ :
background: #8F8E8E;
width: 100%;
color: #000000;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0px auto 0px;
padding: 0px;
klik simpan template. maka kini blog anda akan memiliki tampilan baru tanpa navbar.
untuk contoh tampilannya, bisa diliat di blog saya yang ini http://www.topdomaindotcom.com
semoga sukses. ^_^
»»  read more