tutorial header berpusing dan hilang apabila disentuh cursor

header korang statik je ke? nak buat sesuatu yang berlainan? tutorial ni akan ajar korang macamana nak buat, bila korang sentuh header blog korang dengan cursor, header tu akan pusing 360 degree dan kemudian hilang.. jom try.. 🙂

header berpusing apabila disentuh cursor

1. login akaun blogger korang > Template > tekan ‘Backup/Restore’ > Download Full Template > Edit HTML > Proceed > tick Expand Widget Templates

2. tekan Ctrl+F atau F3 dan cari kod ni :

.Header h1 {
font: $(header.font);
color: $(header.text.color);
text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
}

3. copy kod kat bawah ni, dan paste kod ni di bawah/selepas kod kat step 2 :

.header:hover {
padding-left:150px;
-webkit-transition: 2s;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
opacity:.01;
}

4. then, tekan ‘save template’… dah siap… 🙂

Advertisements

About garyasip

now studying at Universiti Malaysia Perlis (UniMAP) under microelectronic engineering programme. born in 1992.
This entry was posted in public and tagged , , , . Bookmark the permalink.

komen artikel ini

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s