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{ :
untuk contoh tampilannya, bisa diliat di blog saya yang ini http://www.topdomaindotcom.com
semoga sukses. ^_^
»» read more
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)}selanjutnya masukkan kode berikut dibawah body{ :
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
background: #8F8E8E;klik simpan template. maka kini blog anda akan memiliki tampilan baru tanpa navbar.
width: 100%;
color: #000000;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0px auto 0px;
padding: 0px;
untuk contoh tampilannya, bisa diliat di blog saya yang ini http://www.topdomaindotcom.com
semoga sukses. ^_^