Kali ini saya akan menjelaskan cara membuat navbar menjadi auto hide. Seperti gambar di bawah ini.
Caranya cukup sederhana :
1. Login Blogger.com
2. Masuk ke Rancangan ~> Edit HTML
3. Cari ]]></b:skin>. Gunakan F3 agar lebih mudah.
4. Masukan kode berikut tepat di atasnya.
#navbar-iframe {
opacity:0.0 0.0 ;
height: 10px;
filter:alpha(Opacity=0)
}
#navbar-iframe:hover {
opacity:1.0 1.0;height: 30px;
filter:alpha(Opacity=100, FinishedOpacity=100)
border: 2px;}
opacity:0.0 0.0 ;
height: 10px;
filter:alpha(Opacity=0)
}
#navbar-iframe:hover {
opacity:1.0 1.0;height: 30px;
filter:alpha(Opacity=100, FinishedOpacity=100)
border: 2px;}
5. Simpan.
0 ƘǿmєиtąЯ: