Cara Membuat Animasi Link di Blog Jadi Warna-Warni

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);

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 {

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);

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.