Sparks Fly...
Tutorial : Header Hover Berpusing (Blogskin)
Sunday, 30 December 2012 • 07:13 • 0 comments

Tumblr_m3w1m000zd1qj96p1o1_500_large
Assalamualaikum and annyeonghaseyo. Tuto yang Sha nak share dkt korang cara untuk buat header hover berpusing. Erkk actually tak tahu nak terangkan mcm mana. okay jom mulea :) tekan ctrl+C kay ? :)


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

? Newer Posts | Older Posts ?
SweetOwner ^^
No harsh word please ^^


Assalamualaikum, hey stalker :) welcome to my TutoBlog :) kalau guna tuto Sha, sila credit kan kay. thankyou :*

Diary
Profile
Links
Stuff



Time Machine
let's get back...



Credit Card
Big clap for them...


Skin by : Najmi Supian
Picture take from : We Heart It
Linkies code : WANA
Big Helped : Them