Hai sobat Inspirasi Sahabat!! Pada tau gak Garis bawah suatu teks link yang terdapat pada blog, adalah sebagai penanda teks tersebut merupakan teks aktif dan memungkinkan untuk diklik oleh pengunjung. Sehingga garis bawah suatu teks link akan membuat perbedaan dengan teks isi postingan. makanya kali ini aku ngeposting artikel tentang Cara Menghilangkan Garis Bawah Teks Link dan Mengganti Warnanya di blogger .
Namun ada kalanya kita ingin menghilangkan garis bawah tersebut pada template blog yang kita gunakan. Bagaimana caranya?
1. Sign in ke blog kita, klik Tata Letak - Edit HTML
2. Cari kode berikut
/* links */
a:link {color: $linkcolor;}
a:visited {color: $visitedlinkcolor;}
a:hover {color: #693;}
a:active {color: #cc3333;}
3. Agar lebih jelas, kita artikan dahulu kode-kode tadi Sebelum pengeditan
/* links */
Berlaku untuk semua link
a:link {color: $linkcolor;}
teks link, dengan warna seperti yang dipilih pada tab Font dan Warna
a:visited {color: $visitedlinkcolor;}
link yang dikunjungi, dengan warna seperti yang dipilih pada tab Font dan Warna
a:hover {color: #693;}
link yang disorot mouse cursor, dengan warna #693
a:active {color: #cc3333;}
link aktif, dengan warna #cc3333
4. Untuk menghilangkan garis bawah, tambahkan kode berikut
/* links */
a:link {color: $linkcolor; text-decoration: none; }
a:visited {color: $visitedlinkcolor; text-decoration: none; }
a:hover {color: #693; text-decoration: none; }
a:active {color: #cc3333; text-decoration: none;}
5. Untuk mengganti warna, caranya cukup ganti kode warna dengan warna yang telah disediakan atau lihat di blog Kang Haysmal untuk melihat lebih banyak kode warna.
6. Klik Simpan Tempalate
7. Lihat hasilnya
Selamat mencoba ya sobat..!!
0 komentar:
Posting Komentar
Blogger dan para pengunjung yang baik adalah yang memberi kritik dan komentar yang membangun terhadap Blog Inspirasi Sahabat ini..
Semoga Bermanfaat ya sobat !!