Cara Membuat Animasi Link di Blog Jadi Warna Warni
.
Senin, 18 November 2013
 |
| Links Pelangi |
Diposting kali ini ady membahas bagaimana cara membuat link yang seperti pelangi jika mouse menyentuh link tersebut.
1. Masuk ke Edit HTML
2. Cari kode hover {
Contoh pada HTML ady dibawah ini
a:visited {
text-decoration:none;
color: $(link.visited.color);
}
a:hover {
text-decoration:underline;
color: $(link.hover.color);
}
.content-outer {
background: $(content.background);
text-decoration:none;
color: $(link.visited.color);
}
a:hover {
text-decoration:underline;
color: $(link.hover.color);
}
.content-outer {
background: $(content.background);
3. Silahkan mengganti kode berwarna merah dengan kode dibawah ini
color: #00FFFF; text-transform: uppercase; font-weight: bolder;
font-size: 20px; background-image: url(http://i27.tinypic.com/2626vyh.jpg);
4. Sehingga hasilnya akan seperti ini
a:visited {
text-decoration:none;
color: $(link.visited.color);
}
a:hover {
text-decoration:none;
color: $(link.visited.color);
}
a:hover {
color: #00FFFF; text-transform: uppercase; font-weight: bolder;
font-size: 20px; background-image: url(http://i27.tinypic.com/2626vyh.jpg);
}
.content-outer {
background: $(content.background);
.content-outer {
background: $(content.background);
Ket : Kode berwarna biru adalah kode warna link. Jika sobat berminat ganti warna lain silahkan ganti kode warna tersebut DISINI.
Sekian Tutor Cara Membuat Animasi Link di Blog Jadi Warna-Warni
Semoga Bermanfaat.
0 komentar:
Posting Komentar