Topics :
Home » » Mengganti Efek Warna Link di Blog

Mengganti Efek Warna Link di Blog

Ungkit - Cara Mengganti efek warna Link di Blog. Efek warna pada link memberikan efek menarik bagi pengunjung sehingga pengunjung penasaran dan mngklik linknya.. dan ini juga bermanfaat sebagai pembeda antara Link dan Tulisan yang bukan link. Berikut Cara Mengganti Efek Warna Link di Blog:



Caranya mudah hanya dengan mengcopy dan pastekan saja:
Sebelum diubah anda silahkan lihat dan cari kode ini pada edit html anda :




a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}




Klo sudah coba bentuk yang pertama yaitu dengan mengganti kode diatas menjadi:




a:link {
color: #0066CC;
}
a:visited {
color: #cc0000;
}
a:hover {
color: #2D8930;
}



-->Bentuk yang Kedua


a:link {
color: #0066CC;
}
a:visited {
color: #cc0000;
}
a:hover {
color: #2D8930;
font-size: 120%;
}


-->Bentuk yang ketiga:


a:link {
color: #0066CC;
}
a:visited {
color: #cc0000;
}
a:hover {
color: #2D8930;
font-family: monospace;
}


-->Bentuk yang keempat


a:link {
color: #0066CC;
text-decoration: none;
}
a:visited {
color: #cc0000;
text-decoration: underline;
}
a:hover {
color: #2D8930;
text-decoration: blink;
}


-->Dan yang terakhir Bentuk yang lima :


a:link {
color: #0066CC;
}
a:visited {
color: #cc0000;
}
a:hover {
color: #2D8930;
font-family: monospace;
font-weight: bold;
font-size: 120%;
background: #ffff66;
text-decoration: blink;
}

   
Selamat Mencoba dan semoga berhasil

Sumber : Gariscerdas.com

0 komentar :

Posting Komentar