Assalammu'alaikum Wr. Wb.. Selamat datang sobat :)
Link di dalam blog
ataupun website secara default akan nampak memiliki garis bawah
(underline). Terkadang tampilan ini terlihat kurang elegan dan terlalu
menonjol. Template blogger yang natural, belum diberi aturan CSS untuk
menghilangkan uderline (garis bawah) link dan akan nampak seperti contoh
berikut:
Tag default link:
My life
Jika ingin menghilangkan garis bawah (underline) pada link, gunakan:
My life
Jika ingin mengubah semua link dalam blog/website secara default dan otomatis tidak bergaris bawah (underline), maka anda harus mengedit template HTML:
1. Masuk Ke dashboard > Design/Rancangan > Edit HTML.
2. Cari aturan CSS link (a:link) seperti ini (biasanya berada di bagian atas namun setiap template tidak sama persis tergantung aturan link dan warna template yang digunakan, jika blog saya berada di baris 454):
Tag default link:
<a href="http://ir-stiloever.blogspot.com">My life</a>Hasilnya:
My life
Jika ingin menghilangkan garis bawah (underline) pada link, gunakan:
<a href="http://ir-stiloever.blogspot.com" style="text-decoration:none">My life</a>Hasilnya:
My life
Jika ingin mengubah semua link dalam blog/website secara default dan otomatis tidak bergaris bawah (underline), maka anda harus mengedit template HTML:
1. Masuk Ke dashboard > Design/Rancangan > Edit HTML.
2. Cari aturan CSS link (a:link) seperti ini (biasanya berada di bagian atas namun setiap template tidak sama persis tergantung aturan link dan warna template yang digunakan, jika blog saya berada di baris 454):
a:link,a:visited{color:#6395A1;text-decoration:underline;outline:none;}3. Untuk membuat underline link hilang, ubah text-decoration: underline; menjadi text-decoration: none; contoh:
a:link,a:visited{color:#6395A1;text-decoration:none;outline:none;}4. Save template dan lihat hasilnya.
