August 28, 2012

Merubah Warna dan Efek Pada Link Teks

Posted by : Unknown - Posted On : 8/28/2012 with : 11 Comments

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.

a:link - deklarasi untuk suatu link
a:visited - deklarasi untuk suatu link jika pernah dikunjungi atau di klik pada komputer yang sama.
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.