Status
Come and follow my blog. thank you for your supports. :) now i'm officially graduated from UITM. Alhamdulillah :)



Ieqashafiqa

Shoutbox










My words!


Hai. I Ieqashafiqa. Want to know about me? Feel free to follow me. If you gonna search something, in below box!



>> convocation countdown
date : NOW
at:00:00am


>> Bachelor of Engineering (Hons) Chemical
date : 06/09/2014
at:08:30am


>> officially finish my diploma
date : 09/05/2014
at: 09:00am


>> prince proposed
date: 20/10/2012
at: 12:00am



Followers




Blog Archive


 tengah skodeng


Contact Me


: Shafiqa'aziyatul Azie
: @ieqashafiqa
:ieqashafiqa
: My Blog

Tabung Masa Hadapan



Tuto header pusing 360 degree
Friday 15 March 2013 | 0 Diamond[s]

hye korang. lamak dah xupdate kan. arie nie ieqa nak kasi tuto pasal bila cursor pegi kat header, header akan pusing 360 degree like my header. :)

senang jak. :)

1. dashboard > template > edit HTML
2. Tekan F3 tu cari code </style> 
3. then, cari code kat header korang. 
eg:  <center><img src="URL HEADER" /></center> 

4. kalau dah jumpa, korang tukarkan kod korang yang tadi tue jadi macam nie.

 <center><img class="header" src="URL HEADER" /></center>

5. Then, korang tekan F3 dan cari pulak code 
 
<style type="text/css">

6. copy code kat bawah nie

.header {
text-align: center;
-webkit-transition: 1.0s;
opacity:100;
}
.header:hover {
-webkit-transition-duration: 1s;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}

7. Pastekan kat code yang korang cari tadi.
8. Preview & save.
selamat mencuba.




Post a Comment

Asslamualaikum~
thanks for the comments. no harsh word ok. :)


Newer Post
Older Post