Cara Membuat Auto Hide Navbar Di Blogger

Ok,kali ini saya akan ajar cara membuat Navbar tersebut menjadi Auto Hide(muncul bila diletakkan pointer pada nya).Cara ini tidak menyalahi peraturan Blogger kerana masih terdapat navbar lagi.Jika anda berminat dengan navbar ini ikuti langkah berikut.


1.Klik pada Dashboard,dan pilih Edit HTML.

2.Kemudian carilah kod berikut body {

body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
}

3.Letakkan kod berikut di atas kod tadi.

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

menjadi seperti ini,

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
}

4.Kemudian klik save template.

5.Lihat blog anda kembali untuk melihat tampilannya.



TERIMA KASIH KERANA TELAH BERKUNJUNG


<<SELAMAT MENCUBA>>