Menandai link yang pernah di kunjungi dengan warna yang berbeda

Diposkan: 12 Oktober, 2014
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;

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;

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

Posting Komentar