![[1]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg599R9O9dnTpLWeEea5ct0wexoKuubaTxQ2G6PZwB0j3DKeEcn9Iee5vHzP-bIo2LVKs50AwQELYjmWxJeazbljinfjgAqe5EaMzieLBGyyDu2zloww7nqSMe_2_f0eKYXw1ni_RHYzVuWROUCjx2MQ3CErc5a0A3EjIMrtYpkxrT9C2Yjrj90XK91Fv9O/s1600/107.png)
![[2]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh66UXfsA29osZpQShmA_9OHcQ3sKfp_WHPyd69hzDo4c-wSYuFE3Q7tRilMZhouuf9Csiy7T5YQ7Wz-BxolbRdTu1H9h5nQGX-b1rHI5huJkK4502klRQLtLFfct5_y852sa6Gv4rzYa0wGuc8PuTwPZpH1-Uq2lK0WZiQMUVhetLFiHEh5vf21VmdvOLZ/s1600/blogger_24px.jpg)
![[3]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-P7PEM7Xxkk9N8ZsIrCXfhZgMKudsaLrneHQJwFtGxImSDQ5O2a92hR_VgpKNxFestldznAP7bc3pYZfzViQep4W8n1hjARvD0vvPkwVe73Gxd_MLIho1TKVxx0vI-ygTp8dy1IEfftIdUW0IITfnlEaOdof2rrM5LxAtf9tSqKs1aoUI63o2bjc-1UCR/s1600/linuxmint-logo-filled-leaf-badge-24px.png){kind=icon}
Menghilangkan Garis Bawah Teks Link dan Mengganti Warnanya
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.
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
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
wah ini info yg aku perlukan. thx banyak mas.
BalasHapus