Mengubah Warna Link

Bagi rekan-rekan WBC yang suka mempercantik blog. Bahasan kali ini mungkin perlu juga dipraktekkan yaitu Mengubah Warna Link. Link (hyperlink) merupakan teks yang jika diklik akan membuka halaman yang telah sebuah acuan dalam dokumen hiperteks (hypertext) ke dokumen yang lain atau sumber lain. Seperti halnya suatu kutipan di dalam literatur. Dikombinasikan dengan sebuah jaringan data dan sesuai dengan protokol akses, sebuah komputer dapat diminta untuk memperoleh sumber yang direferensikan.


Tampilan link secara default adalah bergaris bawah dan berwarna biru. Jika rekan WBC ingin merubah tampilan link pada blog rekan, kita perlu merubah kode HTML pada template blog rekan WBC. 
Caranya :
  • Buka account Blogger
  • Masuk ke Dasbor > Tata Letak > Edit HTML
  • Jika sudah masuk halaman Edit HTML, kita perlu merubah beberapa kode HTML.
Dalam mengubah warna sebuah link tentunya setiap template berbeda-beda, saya akan memberi contoh sebagai berikut :

a:link {
color:#3333FF;
text-decoration:underline;
}

a:hover {
color:#000066;
text-decoration:underline;
}

a:visited {
color:#663366;
text-decoration:underline;
}

Jika rekan belum faham tentang kode-kode diatas, akan saya uraikan sebagai berikut :

a:link {
color:#3333FF;
text-decoration:underline;

Artinya : Tampilan link akan berwarna biru ( #3333FF; ) dan bergaris bawah ( underline ).


a:hover {
color:#000066;
text-decoration:underline;

Artinya : Jika link didekati mouse maka link akan menjadi berwarna biru tua ( #000066; ) dan bergaris bawah ( underline ).

a:visited {
color:#663366;
text-decoration:underline;
Artinya : Jika link diklik maka link akan menjadi berwarna ungu ( #663366; ) dan bergaris bawah ( underline ).

Nah, sekarang cari kode-kode diatas pada halaman Edit HTML pada blog rekan WBC. Ubah warnanya sesuai keinginan rekan semua. Yang kita perlukan sekarang adalah kode-kode heksa untuk warna tersebut, seperti  biru ( #3333FF; ), biru tua ( #000066; ) dan ungu ( #663366; ) tadi.

Kode-kode warna tersebut dapat dilihat di posting sebelumnya tentang Kode Warna HTML.

Selamat Mencoba dan Semoga Bermanfaat.