Blog Tutorial:Gayakan Link Yang Telah Diklik/Dilawati





Apabila sesuatu link kat blog korang telah diklik/dilawati,korang akan dapat lihat gayanya.

Gaya 1:Line Throuh

a:visited { text-decoration: line-through; }

Letakkan kod kaler merah ni kat dalam kod template korang sebelum kod ]]></b:skin>

Contoh:Link ke jalan mati
Hasilnya Setelah Di Klik:Link ke jalan mati


Gaya 2:Background Image

a:visited { padding-right: 12px; background: url(visitedLink.gif) no-repeat 100% 50%; }

Kod yang kaler hijau tu untuk letak gambar yang korang nak
Letakkan kod kaler merah ni kat dalam kod template korang sebelum kod ]]></b:skin>

Contoh:Link ke jalan mati
Hasilnya Setelah Di Klik:Link ke jalan mati(Gambar Akan Muncul Kat Sebelah)


Gaya 3:Teks Ok


a:visited:after { content: " (ok)"; font-size: 60%; text-transform: uppercase; }

Letakkan kod kaler merah ni kat dalam kod template korang sebelum kod ]]></b:skin>

Contoh:Link ke jalan mati
Hasilnya Setelah Di Klik:Link ke jalan mati(ok)


Ulasan

Catatan popular daripada blog ini

KOLONEL SANDERS-PENGASAS KFC

Blog Tutorial:Aneka Gambar Untuk Header Bertukar-Tukar