04 Ogos 2010

Blog Tutorial:Gayakan Link Yang Telah Diklik/Dilawati

Tiada ulasan:
 




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)


Tiada ulasan:

Catat Ulasan

TERIMA KASIH UNTUK KOMENKOMEN TERBARU

 
© 1986. Aideal Fitri - fitri1986 Malaysian Blogger