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.Kali ini saya akan memberikan toturial mengubah kode-kode warna link.
Kode-kode yang manakah yang harus diubah?
Untuk mengubah warna link, setiap template tentunya berbeda-beda, Akan tetapi untuk gambaran saja saya ambil contoh di dalam template (Rancangan > Edit HTML > Centang Expand Template Widget) ada kode seperti ini :
a:link {
color:#000000;
text-decoration:underline;
}
a:hover {
color:#FF0000;
text-decoration:underline;
}
a:visited {
color:#FF00FF;
text-decoration:underline;
}
Akan saja uraikan agar lebih jelas :
a:link {
color:#000000;
text-decoration:underline;
}
Berarti => sebuah link akan berwarna hitam dan bergaris bawah.
a:hover {
color#FF0000;
text-decoration:underline;
}
Berarti => Sebuah link apabila di sorot oleh mouse akan berubah warna menjadi merah dan bergaris bawah.
a:visited {
color:#FF00FF;
text-decoration:underline;
}
Berarti => Sebuah link apabila pernah di klik oleh komputer yang sama akan berwarna ungu dan bergaris bawah.
Kode yang menentukan warna link yaitu kode #000000, #FFFFFF, #FF00FF, dan lain2, ini disebut warna heksa.
Untuk sobat blogger yang tidak suka menggunakan garis bawah, silahkan ganti text-decoration: underline; diatas dengan text-decoration: none;
0 komentar:
Posting Komentar
Silahkan berikan komentar atas kritik, saran, dan kesan anda pada post ini. Mohon tidak melakukan SPAM. Dan jika ada DEAD LINK, mohon laporannya, terima kasih.