August 28, 2012

Merubah Warna dan Efek Pada Link Teks

warna-link-teks
Merubah Warna dan Efek Pada Link Teks. Di artikel terdahulu beberapa artikel berkaitan dengan Link sudah kami share antaralain Cara menghilangkan garis bawah pada link, Membuat Semua Link Terbuka Otomatis di Tab Baru dan Cara Membuat Link di Komentar Open New Tab. Serta banyak artikel perihal Link lainnya.

Sekarang Laurencius lanjutkan bagaimana cara oprek warna pada Link teks, kita akan mencoba melakukan kustomasi untuk warna pada link teks. Tujuan dasarnya agar para visitor lebih mudah menemukan adanya link dalam artikel kita.

Link teks ini dideklarasikan pada kode css seperti berikut ini diakses melalui Dasbor -> Tata Letak(layout) -> Edit HTML.

a:link{.............
....................
}

a:visited{...........
....................
}

a:hover{...........
...................
}

Dengan keterangan di bawah ini.
  1. a:link - deklarasi untuk suatu link 
  2. a:visited - deklarasi untuk suatu link jika pernah dikunjungi atau di klik pada komputer yang sama. 
  3. a:hover - deklarasi untuk suatu link ketika disorot atau didekati oleh mouse.
Dari kode tersebut, kemudian kita dapat melakukan perubahan untuk link teks tersebut dengan cara menambahkan beberapa deklarasi tertentu. Untuk lebih jelasnya, kami berikan contoh kustomasi berikut ini.

Contoh Kustomasi.

a:link {
color: #F89C21;
}

a:visited {
color: #08088A;
}

a:hover {
color: #5F04B4;
}

Sesuaikan warna dengan selera masing-masing, saran dari kami berikan warna link yang berbeda dengan warna dasar huruf pada blog. Sobat dapat menggunakan kode warna yang sudah kami siapkan Kode Warna HTML Untuk Blog/Web.

Demikian artikel Merubah Warna dan Efek Pada Link Teks, semoga manfaat.

Related Posts

Merubah Warna dan Efek Pada Link Teks
4/ 5
Oleh :

11 comments

wah wah keren nih sob, efek warna pada link ketika di sorot sobat...

@Asis Sugianto
Tutor basic Teman, biar mudah untuk mencobanya.

mantab...link dengan efek warna sungguh menarik :)

Warna dan efek link bisa di atur juga ternyata...#plakkk...gaptek!

Di blog saya just the way it is..hehhehe..sak munculnya apa deh.

Anonymous delete 10:16

wah, keren nih
cuma main css ternyata

kalo saya pkk pelangi kang#smile

makasih sob, langsung dicoba..

@BlogS of Hariyanto
Supaya beda aja warna kata kalau ada Link nya Om.


@Ririe Khayan
Tapi kalau mau nyoba pasti bisa Mbak Rie

@rupi-adam
Simpel Teman. Makasih


@cak oni
Bisa di tambah teman. Makasih

@Aldio Blog
Bisa aja nih Si Om, Makasih

bermanfaat ~
terimakasih ilmunya