Wednesday, January 12, 2011

Tutorial : Cara Buat Hover Link Effect.

Tutorial Time !


A verys simple tutorial ok? Hover link bermaksud link yang korang link yang ditunjuk oleh mouse cursor korang. Setiap kali cursor terkena pada link ni, hover link akan menunjukkan effect.

Antara effect hover link yang korang boleh buat ialah, membesarkan teks, buat teks jadi blink blink, buat teks jadi underline dan macam macam lagi.


Kalau nak tambah effect pada hover link korang, boleh la ikuti tutorial ni. Kalau nak biarkan hover link stay natural...pun boleh = )



Cara Buat Hover Link Effect (Efek Hover Link)
  • Go to >> Edit Html >> Download Full Templates >> Expand Widgets Template
  • Ctrl F dan cari perkataan : 
  • </head>
  • Copy & Paste kod dibawah di atas kod </head> : 
  • <style>
    a:hover {
    text-decoration:underline;
    color:#000000;
    font-size:18px;
    font-style:bold;
     }
    </style>
  • Save template.
  • Siap = )

  • Edit text-decoration: none / underline / overline / inherit / line-through / blink (pilih mana satu decoration yang korang suka) 
  • Edit color: #000000 (atau pilih warna yang korang suka di Html Code Colour )
  • Edit font-size:18px (untuk lebih besar gunakan 20px,22px,24px...)
  • Edit font-style:bold / italic (pilih mana yang korang suka)

Selamat Maju Jaya !



Feeling Lucky?
 

Designed by Alieff Artwork