Jika pada postingan yang lalu membahas tentang bagaimana cara
menghilangkan garis bawah pada sebuah tulisan yang berbentuk link, maka
pada kesempatan ini saya ingin mengulas tentang cara mengubah warna
link. kenapa merubah warna link di perlukan? alasannya begini, pernah
saya mengunjungi beberapa blog yang mempunyai latar belakang bergambar,
masalahnya yaitu warna latar belakang dengan warna link hampir sama,
sehingga penglihatan kita menjadi kabur dan tidak bisa membaca tulisan
link.
Sebenarnya kejadian tersebut tidak perlu terjadi, karena warna link
dapat kita ubah sendiri.
Bagi sobat yang memakai template baru, tentunya hal ini bukan masalah
besar, karena fasilitas untuk merubah warna dan huruf sudah di sediakan.
Lain halnya bagi sobat yang memakai template klasik, untuk merubah
warna link, sobat harus sedikit berkeringat karena harus merubah
kode-kode yang ada pada kode template sobat.
Kode-kode yang manakah yang harus ubah?
Untuk mengubah warna link, setiap template tentunya berbeda-beda, Akan
tetapi untuk gambaran saja saya ambil contoh di dalam template ada kode
seperti ini :
a:link {
color:#3333FF;
text-decoration:underline;
}
a:hover {
color:#000066;
text-decoration:underline;
}
a:visited {
color:#663366;
text-decoration:underline;
}
Agar menjadi faham, akan saya uraikan :
a:link {
color:#3333FF;
text-decoration:underline;
}
kode ini mempunyai arti --> sebuah link akan berwarna biru dan bergaris bawah.
a:hover {
color:#000066;
text-decoration:underline;
}
Sebuah link apabila di sorot oleh mouse akan berubah warna menjadi biru tua dan bergaris bawah.
a:visited {
color:#663366;
text-decoration:underline;
}
Sebuah link apabila pernah di klik oleh komputer yang sama akan berwarna ungu dan bergaris bawah.
Pertanyaan selanjutnya manakah kode diatas yang menentukan warna link? jawabnya adalah kode :
color:#3333FF;
Tulisan yang saya cetak merah adalah penentu warna atau di sebut juga
dengan kode warna heksa, kode tersebutlah yang menentukan warna sebuah
link. Bagaimana cara merubahnya? caranya tentu saja kita harus mengganti
kode warna tersebut dengan kode warna yang kita inginkan. untuk mencari
tau kode heksa dari warna, saya biasanya menggunakan bantuan dari
program photoshop, disana telah disediakan contoh warna lengkap dengan
kode heksa nya, kita tinggal memilih warna yang diinginkan kemudian
secara otomatis akan di perlihatkan kode heksanya. Masih bingung? kalau
masih bingung
soal warna, sobat kunjungi deh blognya bang iwan di link ini http://free-7.blogspot.com,
ada juga di bagian Side bar blog beliau di tuliskan berbagai kode heksa.
Saran dari saya, apabila sobat menggunakan warna latar belakang yang
terang, maka pilihlah warna link yang gelap. Sebaliknya, apabila warna
latar belakang berwarna gelap, maka warna link haruslah berwarna terang.
Selamat mencoba !
No comments:
Post a Comment