Saturday, June 30, 2012

Tutorial : Header Hover [Berpusing 360 drjh] (Blogskin)


Tumblr_m6chv7z4zv1qaclizo1_500_large

             
 Dashboard > Template > Edit HTML
 Press Ctrl + f serentak dan cari code </style>
 Then , cari code bahagian header korang. For example
 <center><img src="URL HEADER" /></center>  
 
 Ok, andai kata code header korang mcm tu, tukarkan code tu kepada code ni
 <center><img class="header" src="URL HEADER" /></center>   
 Then tekan Ctrl + f dan cari code ni pulak <style type="text/css">
 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);
}

 Paste di bawah code tadi
 Preview & save

  
Credit by Atiqah

3 comments:

nis said...

Awk, awk nye header Cantik & Comellah.. yg Bigbang tu.. Boleh bwatkan header cam tu boleh? but bwatkan Suju ataupun Exo K. Boleh? kalau x boleh takpe lah.. ^^

Atin Tory said...

@nis: ohh sure .. tp kne contect kat fb lah senang .. and bg skali pic yg kmu nk atin buat ..

nis said...

sy xde FB.. kite ckp2 gune email jer boleh?

nisnisrinacool@gmail.com

atau

nis_nisrina@yahoo.com