Tutorial : Header Hover [Berpusing 360 drjh] Blogskin

Tumblr_ltjr1nkwh71qhzo23o1_500_large_large

Assalamualaikum and annyeong. Hai korg. Selamat kembali ke sekolah. Waaa bestnya!! rindu nak sekolah balik -__- . Tapi apakan daya, umur sudah meningkat 'tua' tsk tsk. Okay la dah lama tieqa tak buat tuto, so memandangkan Miss Arina ada tnya tieqa macam mana nk buat header hover berpusing untuk blogskin, even tieqa 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

7 comment [s]:

Mizz Arina said...

Thanks :) I'll try ^-^

Nurul AtiQah said...

@Mizz Arina: Ok, welcome ^^

Aina Majid said...

thanx ;)

Nurul AtiQah said...

@Aina Majid : U're welcome :)

Nurul Syafiqah said...

AWESOME^^

Marha Amni said...

ahhhhhhhhhh . thanks so much . love yaaaa

siti farzana said...

Tumpang lalu. Nak guna boleh? Thanks!