TUTORIAL : Unique Link Hover

Assalamualaikum w.b.t. Hari tu saya ada ajar tutor Double Dashed Link Hover. Tutorial yang ni lebih kurang sama je dengan tutor tu. Cuma, link hover bagi tutor nie sangat unik dan boleh la dikatakan 'cute'. (hehehe) Nak tengok contoh tak? Ade di bawah.

Klik untuk tumbesaran

Unik tak? Kalau nak try, sila ikut step di bawah.

1. Dashboard > Template > Edit HTML > Tick Expanf Widget Templates

2. Korang cari kod nie a:hover {

3. Korang nampak tak bawah kod a:hover { ada kod (warna biru)? Macam ni :-

4. Then, korang padam kod berwarna biru tu, dan gantikan dengan kod di bawah.

color: #ffffff;
background:#57D0F9;
text-decoration:none;
border: #ffffff 2px dashed;
padding:3px 5px;
-moz-border-radius:10px;
}

Note : 

* merah : warna background link hover korang

* oren : warna boader link hover

* pink : ketebalan boader link hover

* hijau : boleh pilih sama ada nak buat solid, dashed atau dotted

* biru : Kod ni sangat penting coz kod inilah yang mencantikkan lagi link hover korang. Kalau nak ubah boleh, tak nak pun tak pe (tak marah pun ^^). Pandai-pandai la buat uji kaji yup!

p/s : kod warna boleh dapatkan di SINI

5. Ok, kalau dah siap boleh tekan SAVE template. Selamat mencuba! Annyeong.