Sunday 13 May 2012

Tutorial : Cara Nak Hilangkan Navbar

Kali nie cik ayu nak ajar macam mana nak hilangkan navbar. Ada sesetengah orang rasa kurang selesa dengan navbar. Macam cik ayu, navbar tu ayu hilangkan terus. Cuba tengok kat atas header blog ayu, takde kan navbar tu... kalau nak hilangkan navbar @ autohide navbar, jom folow tutorial ini...
navbar
Step 1 : Klik > Dashboard > Design > Edit HTML


Step 2 : Tick Expand Widget Templates, tekan ctrl+f dengan serentak untuk dan cari kod nie :

<b:skin><![CDATA[/* 
Step 3 : copy mana-mana code kat bawah nie dan paste di BAWAH kod  <b:skin><![CDATA[/* 
*Tekan ctrl+c serentak untuk copy code

*kod untuk hilangkan navbar

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

*kod untuk autohide navbar


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

contoh akan jadi macam ni....





Step 4 : Lepas tu Preview dulu, kalau jadi Save...


Senang sangatkan? 








Selamat Mencuba!

No comments: