Sparks Fly...
Tutorial : Header Hover [Berpusing 360 drjh] Blogskin
Sunday 30 December 2012 • 07:08 • 0 comments


Tumblr_ltjr1nkwh71qhzo23o1_500_large_large

Assalamualaikum and annyeong. Hai korg. Selamat kembali ke sekolah. Tuto harini : macam mana nk buat header hover berpusing untuk blogskin, even Sha tak sure berpusing mcm mana yang dia nak. LOL. nevermind. Header hover ni akan berpusing 360 drjah. Sure korg pening. Keke.

1. Dashboard > Template > Edit HTML
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. Ok, andai kata code header korang mcm tu, tukarkan code tu kepada code 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
8. Preview & save

SweetOwner ^^
No harsh word please ^^


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




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