Cara Membuat Link Berubah Warna Ketika Disorot

Cara Membuat Link Berubah Warna dengan CSS

Cara membuat link berubah warna ketika disorot mouse merupakan salah satu cara untuk mempercantik link sehingga tampilannya terlihat lebih menarik. Dengan tampilan yang menarik tentunya juga dapat menambah kesan pada blog/website kita tampil lebih profesional sehingga akan meningkatkan daya tarik bagi pengunjung. Untuk mempercantik link ini kita dapat memanfaatkan CSS. Selain tidak membuat loading blog/website menjadi berat, CSS juga dapat membuat tampilan blog/website menjadi lebih menarik dengan kode-kodenya. Berikut ini saya berikan cara membuat link menjadi berubah warna ketika di sorot dengan CSS beserta dengan contohnya.

<style type="text/css">
a.sundaboy:link {color:#FF0000;}
a.sundaboy:visited {color:#0000FF;}
a.sundaboy:hover {color:#DF7401;}
</style>
<a class="sundaboy" href="http://belajar-html-lengkap.blogspot.com/" target="_blank">Belajar Html Lengkap</a>

Contoh: Letakkan kursor pada tulisan di bawah ini!

Belajar Html Lengkap

Keterangan:
  • Ganti yang bertuliskan warna hijau dengan url link anda
  • Ganti yang bertuliskan warna biru dengan judul link anda
  • Ganti yang bertuliskan warna merah dengan warna yang anda inginkan.

Sekian tutorial Blog-CSS mengenai cara mempercantik link dengan CSS (membuat link berubah warna ketika disorot). Semoga dapat bermanfaat untuk menambah wawasan anda dalam dunia blogging/website. Terima kasih atas perhatiannya dan saya senang sekali apabila ada yang bersedia memberikan komentarnya pada postingan yang saya buat kali ini. Sampai jumpa lagi di postingan saya selanjutnya. Salam...

Admin Semoga Informasi Yang Diberikan Melalui Web Ini Dapat Bermanfaat Bagi Saudara/i

No comments for "Cara Membuat Link Berubah Warna Ketika Disorot"