Tutorial Header Hover Part-I

Hello , terasa rajin pulak nak buat tuto malam nie , selalu nye sha malas nie nak buat tuto malam malam , kebiasaannya sha buat pagi jer . hihi .

Okei tadi ade someone tanya sha , ada x tutorial header hover yang senget ke tepi tuh , sha cakap xder kat dea , tp sha janji nak cari tuto tOo , hAa nie pon da jumpa . Tapi sha xthu lAa tutorial header hover yang nie ker yang dea nak . tapi xperla kan , if bukan sha minx maaf k :)

Okei now kita buat step dye one by one okei :)

1.Dashboard > Design > Edit Html > Tick Expand Widget
2.First korang cari kod di bawah nie dulu k

#header {

3.Korang copy kod di bawah nie k , then pastekan di bawah kod yang di cari tadi tu k .

#header:hover {
padding-left: 50px;
-webkit-transition-duration: 0.5s;

}

4.Okei now siap , korang preview ulu baru save okei :)

Tweet