Terlepas entri yang lain? Jom baca entri ini..

Saturday, December 24, 2011

Tutorial Buat Navbar AutoHide..

hii.. korang tahu tak navbar autohide tu ape??
ala. macam eiqa punya la..
bila korang sentuh dgn cursor kat bahagian atas, navbar korang akan ada..
bila tak disentuh, navbar korang hilang..

cuba tengok gambar kat bawah

mula-mula takda navbar
bila disentuh dengan cursor, navbar muncul (dlm bulatan)






















ok.. so korang tau tak apa itu navbar autohide??
sekarang, jom kita buat macam nie..

Step 1

  • Dashboard > Design > Edit HTML > tick expand widget templates
  • cari perkataan body { (tekan F3 atau Ctrl+F)

Step 2

  • copy kod dibawah dan paste kan diatas perkataan body { tersebut..
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
lepas tu.. save dulu ye.. dan tengok hasilnya!!



kalo tak jadi tolong bagi tau eiqa ye..

7 comments:

misyamissyou said...

nice tutorial!

Alyn Hussein said...

Alyn pun dah follow sini . Nice blog !

Anonymous said...

waa.. cute blog..huhu.. npe nk kurus ni.. follow yupp. =)

Miss Anisah said...

Nice info.. Tp blogging dengan ipad.. Susah nk buat setting...

Aleen Aiden said...

waa..kagum dengan org yg terer edit2 blog nih.alin memang haramla kan nak reti.hu3

ch000tz said...

uwaaaa xjadik :(

http://ch000tz.blogspot.com/2011/12/gaban-pun-tak-sebizi-aku-haha.html

♥ HanaHyun ♥ said...

tq eiqa :-)

Related Posts Plugin for WordPress, Blogger...



Copyright © 2012 and Designed by Eiqa Azra