Hanya arsip

halaman asli ada di http://kolom-tutorial.blogspot.com

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 http://free-7.blogspot.com,
di bagian footer 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 !

21 Juli 2007 - Posted by | blog tutorial, modifikasi blog

7 Komentar »

  1. Salam Kenal dari Ahmad Adiansyah dari Sma 11 Surabaya

    Komentar oleh C.AHMAD RONALDO | 3 Oktober 2007 | Balas

  2. oke

    Komentar oleh pakarpangan | 20 Mei 2008 | Balas

  3. assalam mualaikum ww. kang !
    bagaimana ya caranya bila tulisan tersebut berwarna dan bergerak pergantian warnanya…kayaknya kalau blog saya nantinya jadi lebih bagus deh.
    oh ya kang punya saya di http://www.yosaadi.blogspot.com

    Komentar oleh Yos. Sutan Mudo | 14 Agustus 2008 | Balas

  4. kang kok tutorial yang ini ruwett bgt..😀

    Komentar oleh Anasku | 20 Agustus 2008 | Balas

  5. Bagaimana cara mengganti warna link tertentu saja?
    Contoh: saya nenbuat warna link biru pada template blog.
    Saya membuat link di footer, sedangkan background footernya berwarna biru juga. Text link dan background sama2 warna biru. Jadi samar dan tidak terlihat.

    Komentar oleh Udex A Mundzir | 11 Maret 2010 | Balas

  6. Bantuin ya, gimana cara mengganti warna link tertentu saja?
    Contoh: saya nenbuat warna link biru pada template blog.
    Saya membuat link di footer, sedangkan background footernya berwarna biru juga. Text link dan background sama2 warna biru. Jadi samar dan tidak terlihat, gitu..!

    Komentar oleh Udex A Mundzir | 11 Maret 2010 | Balas

  7. Sulit bgt emang nyari kode HTML bgini. Apalagi bwat saya. Hitung2 inii latihan. Thx bwat infonya .

    Komentar oleh Abdul Hafizh | 5 April 2010 | Balas


Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: