rylcolikes.com

Tips Hilangkan Garis Bawah Link

Kali ini Tips dan Trik akan membahas Tips Hilangkan Garis Bawah Link,

  1. Log in ke Blogger.com
  2. Menu Dasbor
  3. Klik Rancangan
  4. Edit HTML
  5. Expan Templat Widget
  6. Klik Ful Donwload Template


Bila semua iu sudah selesai, Coba anda tekan Ctrl+f
pasti keluar tulisan Cari Atau Search. Setelah itu Copy Kode CSS di samping ini a:link {   dan nda taruh di kotak Cari atau Search, bila sudah klik Berikutnya Atau Find.. Pasti akan muncul kode CSS seperti dibawah ini


a:link {
color:#1831c5;
text-decoration:underline;
}
a:visited {
color:#ff0000;
text-decoration:underline;
}
a:hover {
color:#9900ff;
text-decoration:underline;
}



Sedikit keterangan  : 


a:link {
color:#1831c5;
text-decoration:underline;
}


Kode diatas menerangkan, ketika disorot mouse akan muncul garis bawah berwarna Biru.


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


Kode diatas menerangkan, ketika disorot mouse akan muncul garis bawah berwarna Merah.


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


Kode diatas menerangkan, ketika disorot mouse akan muncul garis bawah berwarna Ungu.


Dan jika anda ingin menghilangkan Garis Bawah Pada Link tersebut, anda tinggal mengganti Kode  underline dan ganti menjadi none. Dan jadinya seperti dibawah ini


a:link {
color:#1831c5;
text-decoration:none;
}

a:visited {
color:#ff0000;
text-decoration:none;
}

a:hover {
color:#9900ff;
text-decoration:none;
}


Selesai.



Apabila anda tak ingin menghilangkan garis bawah link tersebut dan hanya ingin mengganti warnanya saja, tinggal ganti kode yang seperti ini #1831c5 dan gantilah sesuai dengan selera warna anda.