author-photo

Cara Membuat Link Membesar Dan Berubah Warna

Link akan  membesar dan berubah warna apabila pointer mouse diarahkan pada Teks Link
Untuk membuatnya ikuti langkah-langkah dibawah ini :
1. Login  Blog sobat
2. Klik Design > Edit HTML > Centang pada Expand widget templates
3. Cari kode berikut


a:link {
  text-decoration: none;
  color: $(link.color);
}


 a:hover {
  text-decoration: underline;
  color: $(link.hover.color); 
}

4. Gantikan dengan kode dibawah ini :

a:link
{
color:#DF7401;
font-size:16px;
cursor:default;
}


a:hover
{
color:#FF0000;
font-size:20px;
font-style:italic;
cursor:wait;
}

Keterangan :
    Pada warna Kuning menunjukkan warna link
    Pada warna Merah menunjukkan ukuran font
    Pada warna Hijau adalah font italic ketika pointer diarahkan pada link
    Pada warna Pink menunjukkan style mouse pointer dan boleh diganti menjadi crosshair, hand, wait,
    Ubah semua sesuai keinginan sobat

5. Klik Preview/Pratinjau
    Jika tiada masalah pemasangan kode
    Klik Save/Simpan dan lihat hasilnya

Selamat mencoba Cara Membuat Link Membesar Dan Berubah Warna
Semoga bermanfaat

Share this:

1 komentar:

Click here for komentar
April 1, 2013 at 8:06 PM

keren ijin nyontek gan :>)

Selamat Unknown dapat PERTAMAX...! Silahkan antri di pom terdekat heheheh...
Balas Hapus
avatar
admin

PERINGATAN....!!!
Gak Usah Di Komen Bro....
ADMIN lagi maen game
Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon

Terima kasih sudah berkomentar