Modifikasi Text Link

Masih bersama saya disini. Yap, topik kita hari ini adalah "Modifikasi Text Link" dan akan mengubahnya secara keseluruhan (yang terdapat di body). Tahukah anda link? Saya rasa kalian semua para blogger mengetahui apa link itu.

Namun disini, saya ingin memberikan sedikit trick dengan menambahkan beberapa kode CSS. Seperti yang kita inginkan, yakni menjadikan blog lebih profesional dan lebih cantik, alangkah baiknya mengikuti langkah berikut
1. Login ke blog anda --> Design --> Edit HTML
2. Cari kode a:link {, a:visited {, dan a:hover {
   a:link { --> Sebagai source untuk memodifikasi text-link.
   a:visited { --> Sebagai source untuk memodifikasi text-link / link yang telah dikunjungi.
   a:hover {  --> Sebagai source untuk memodifikasi ketika pointer mendekati atau menyentuh text-link
Maka kode keseluruhan yang akan didapat adalah sebagai berikut (pada blog saya)

a:link {

color:$linkcolor;
  text-decoration:none;
  }
a:visited {
  color:$linkcolor;
  text-decoration:none;
  }
a:hover {
  color:$linkcolor;
  text-decoration:underline;
}

Nah, untuk
*kode color pada a:visited { alangkah baiknya sama dengan kode pada a:link { karena jika beda, kemungkinan besar akan memberikan kesan yang jelek atau norak.
*kode Text-decoration disini bisa anda ubah menjadi beberapa model yang keren
Berikut contohnya

Header 1 --> text-decoration: overline; Header 2 --> text-decoration: line-through; Header 3 --> text-decoration: underline; Header 4 --> text-decoration: blink;

Nah, silahkan ganti sesuai dengan yang anda inginkan.
Oke, sekian, semoga bermanfaat!

Tweet

Artikel Terkait: