CARA MEMBUAT NAVBAR AUTO HIDE

CARA MEMBUAT NAVBAR AUTO HIDE (BILA KURSOR DIARAHKAN AKAN TAMPAK NAVBARNYA ) CONTOH COBA ARAHKAN KURSOR DIBAGIAN ATAS BLOG INI





Sign in di blogger


Klik menu Layout


Klik menu Edit HTML


Klik link Download template, save dulu untuk di jadikan backup agar aman


Beri tanda centang pada kotak kecil di samping tulisan Expand Widget Template, sekali lagi jangan lupa beri tanda centang


Cari kode seperti berikut :

</head>

Copy pastekan kode di bawah , dibawah kode </head>

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


Bila belum berhasil letakkan seperti dibawah

*/
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}

#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,FinishedOpacity=100)}
body {
font: $bodyFont;
text-align: center;
margin: 0px;
padding: 0px;
color: $textColor;
background: $bgColor;
}

MASIH BELUM BERHASIL LETAKKAN SEPERTI INI

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

/* Headings
----------------------------------------------- */



MASIH BELUM BERHASIL JUGA IKUTI LANGKAH DIBAWAH INI


INGAT BILA MENEMUI KODE SEMACAM INI HAPUS AJA YANG WARNA KUNING
BILA KELIRU FATAL AKIBATNYA


#navbar-iframe {
display: none !important;
}


INGAT BILA MENEMUI KODE SEMACAM INI HAPUS AJA YANG WARNA KUNING
#navbar-iframe{
height: 0px;
visibility: hidden;
display: none;
}

JIKA MENEMUI KODE SEPERTI INI HAPUS SEMUA
#navbar-iframe {
display: none;
}

GANTILAH DENGAN KODE DIBAWAH INI bila belum berhasil pastekan diatas kode yang anda hapus tadi

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}

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

UNTUK MEMPERCEPAT MENCARI KODE DIATAS TEKAN CONTROL F DAN COPYKAN KODE DI BAWAH INI KEDALAM KOTAK YANG BERTULISKAN FIND (CARI)