Hi, sunshines.
Ivy here :) Sadly to admit
I'm 20 this year.
I may not be PERFECT but some parts of me are
simply AWESOME.
about me
entries
chat
links
+Follow
Tutorial : Link hover~★
20 September 2011 | 2 love(s)
Taw tak apa tu link hover? Alaa, bila cursor kita pegi satu link tu, tak klik, akan ada perubahan. Cam link yang ada kat belog ivy ni, bila hover dia akan jadik bujur dan berwarna. Okay, ni caranya.

1. Pegi Dashboard --> Design --> Edit HTML --> Expand Widget Templates
2. Cari code di bawah ni. Utk memudahkan pencarian, tekan Ctrl+F, copy dan paste code di bawah ni di ruang pencarian yang keluar nanti.
a:hover {
3. Da jumpa? Next, copy code di bawah ni dan paste di bawah code atas tadi tu :
background: #F778A1;
border-radius:8px;
color: #FDEEF4;
font-size: 12px;
text-weight:bold;
text-decoration: none;
4. Yang warna merah tu, kowg tukar lah kepada warna background yang kowg nak bila link hover. Yang purple lak, warna font yang kowg nak.
5. Supaya perubahan tu berlaku lambat cikit, (ni ikowt kowg lah nak ke tak) copy code kat bawah ni dan paste di bawah sekali code atas ni :
-webkit-transition: 1s;
6. Akhir sekali, SAVE TEMPLATE anda dan lihatlah hasil nya.

Labels:

Hearts, Ivy Wong