TUTORIAL : Double Dashed Hover (LIKE ME)

Assalamualaikum w.b.t. Ape itu Double Dashed Hover erk? Mesti korang tertanya-tanya kan. Nak tengok contoh? Hah, sila halakan CUSOR anda pada link di bawah.

HALAKAN CUSOR ANDA DI SINI

Yang tu la double dashed hover. Nak try? Jom mulakan.

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

2. Tekan F3 dan cari kod ni :

a:hover

3. Dekat bawah kod tu ade kod (biru) macam nie kan :

4. Dah jumpa? Then, padam kod berwarna biru tu, dan gantikan dengan kod di bawah.

border-top: 2px dashed #ff8fc1;
border-bottom: 2px dashed #ff8fc1;                                                                                                        

*warna merah tue, korang boleh tukarkan dengan kod warna fav korang. Kod warna boleh dapatkan di SINI.

5. Done and SAVE! Lihatlah hasilnye (dah macam iklan produk kecantikkan pulak, LOL~)