Home Blogskin Cerpen Linkies Tutobies D'BOARD

May 30, 2014

Tutorial : Double Dashed Link Hover (LIKE ME)


Assalamualaikum and annyeong!

Ape kebedalha Double Dashed Link Hover erk? Mesti korang tertanya-tanya kan. Nak tengok contoh? Hah, sila halakan CUSOR korang pada link di bawah.


Hah, yang tue lha DOUBLE DASHED link hover. Nak cuba? Jom~

1. Dashboard > Template > Edit HTML

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 faveret korang. Kod warna boleh dapatkan di SINI.

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

3 comments:

  1. tak boleh pn ? x jumpa kod a:hover

    ReplyDelete
    Replies
    1. Erm, NS rase awk kena cari sndiri. Sbb untk edit template blog versi baru ni, klu NS tekan f3 nk cari sesuatu kod, msti x jumpe. Kalau versi dulu senang. Tekan f3, taip kod, terus jumpe. Frust gilerr kott versi baru ni. Sorry, awk

      Delete
  2. tp memang takde :/ siap copy semua letak dlam microsoft office tp still xde

    ReplyDelete

Assalamualaikum and Annyeong!
Tinggalkan komen korang yang 'cumil' tu kat sini.
Thank You.