Pernah
memperhatikan situs situs yang membedakan antara warna link yang pernah di
kunjungi dengan yang belum pernah di kunjungi??, tentu pernah bukan.
Mungkin
dengan membedakannya warna link yang pernah di bukanya dengan yang belum tentu
lebih interaktif dengan pengunjung suatu situs web atau blog.
Berbagi
sedikit tips untuk membedakan warna link agar pengunjung bisa mengenali link
yang pernah di bukanya dengan [ a:visited ].
Untuk
memberi warna link yang pernah di kunjungi secara keseluruhan simple saja.
a {
color: blue;
}
a:visited {
color: red;
text-decoration: none;
}
color: blue;
}
a:visited {
color: red;
text-decoration: none;
}
Untuk target
hanya di element tertentu cukup menambahkan Class ataupun ID yang akan di maksud.
Sebagai contoh kita
hanya target widget Popular Post saja.
#PopularPost ul li a {
color: blue;
}
#PopularPost ul li a:visited {
color: red;
text-decoration: none;
}
color: blue;
}
#PopularPost ul li a:visited {
color: red;
text-decoration: none;
}
Dengan memberi warna link yang berbeda tentunya pembaca bisa membedakan link yang pernah di bukanya dengan yang belum di buka selagi pemgguna belum menghapus history atau cache browser.
0 Komentar