https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh45xvuGXo6xhG-9OWUdp05kI5DKQhg45vYMtZyw9ZHRt4WTcWtBWQ1yVtUMzDoth31_6ZJbxFkwyyZPfPbKLI_vgOMy30sO8VAOCVoQrIDjmAPG36G50_ykPB_zJxFUIGWocixX4h4Wlo/https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqU9EN-G13CSKCmhOSaO_-nvwzqZKu19B_OpnK8bI31PreyJRcrMAQxIqFO4Si6sRqyAWCThXxVK8gRTg68Fb3MpHnzXbTHilvsMziqfTJD1R1D_V-Wluh4vnHnT8VdLdczYsCY0eSe4k/s1600/twitter_64.png

Tips Mengubah Warna Link

Tips Mengubah Warna Link
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 !

Sumber: http://kolom-tutorial.blogspot.com/2007/07/tips-mengubah-warna-link.html

0 komentar:

:10 :11 :12 :13 :14 :15 :16 :17
:18 :19 :20 :21 :22 :23 :24 :25
:26 :27 :28 :29 :30 :31 :32 :33
:34 :35 :36 :37 :38 :39

Posting Komentar

Random Posts

Posting Terbaru