Skip to main content

Posts

Showing posts from November 30, 2015

Tutorial : Hover Round 360 Darjah

بِسْـــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم  Okay kali ni nak buat tutorial header berpusing - pusing :) heheheheh 360 darjah je yaaa . 
Let's start ! ^_^
1. Dashboard > Template > Edit HTML
2. Press Ctrl + f serentak dan cari code </style>
3. Kemudian, cari code bahagian header korang. 
<center><img src="URL HEADER" /></center>   4. Okay, kata kan code header korang macam tu, cuba tukar kan code tu kepada code yang ni 
 <center><img class="header" src="URL HEADER" /></center>   5. Then tekan Ctrl + f dan cari code ni pulak <style type="text/css">
6. Copy code dekat bawah ni

.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. Paste di bawah code tadi