Tutorial : Header Hover Berpusing (Blogskin)

Tumblr_m3w1m000zd1qj96p1o1_500_large

Assalamualaikum and annyeonghaseyo. Tuto yang kedua tieqa nak share dkt korang cara untuk buat header hover berpusing. Erkk actually tak tahu nak terangkan mcm mana. Senang cerita korang pegi dkt official blog tieqa dan hover header tu. Then tgk header tu berpusing. Got it? Orait nak buat mcm tu tak? Jom start!

1. Dashboard > Template
2. Press Ctrl + f serentak dan cari code </style>
3. Kemudian cari code bahagian header korang. For example
<center><img src="URL HEADER" /></center>   
4. Andai kata code header korg mcm tu, gantikan code tu dgn code yg ini
 <center><img class="header" src="URL HEADER" /></center>  
5. Next, tekan Ctrl + f dan cari code <style type="text/css">
6. Then, copy code dkt bawah ni
.header {
margin-bottom: -40px;
margin-top:0px;
margin-left:0px;
}
.header:hover {
text-shadow: 2px 2px 20px #CEE3F6;
-webkit-transform: rotatey(180deg);;
-webkit-transition-duration: 1.5s;
}
7. Paste di bawah code tadi
8. Preview & save

oren : URL header

2 comment [s]:

farizah said...

thanks for the tutors <3

atiqahjaidin said...

@light drita : U're welcome :)