Headlines News :
Home » » Cara Menghilangkan Underline link di Blogspot

Cara Menghilangkan Underline link di Blogspot

Written By idi rayeuk blog M.Saleh on Rabu, 14 Desember 2011 | 17.08


mak saleh

Sumber Artikel : http://buka-rahasia.blogspot.com

Secara default link di dalam blog ataupun website 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: 

<a href="http://blogplagiat.blogspot .com">tips-tricks blogger</a>
Hasilnya:



Jika ingin menghilangkan garis bawah (underline) pada link, tambahkan kode yang berwarna merah:

    <a  href="http://blogplagiat.blogspot .com" style="text-decoration:none">tips-tricks blogger</a>

Hasilnya:

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) seperti ini (biasanya berada di bagian atas namun setiap template tidak sama persis tergantung aturan link dan warna template yang digunakan):

    a {color: #1C4991; dst.............}

3. Untuk membuat underline link hilang, tambahkan text-decoration: none; contoh:

    a {color: #1C4991;text-decoration: none; dst.............}

4. Save template dan lihat hasilnya.

Jika ada permasalahan dalam mengedit link, memberi aturan CSS, maupun dalam mengedit template HTML, silakan gunakan kotak komentar dan saya akan berusaha membantu semampu saya. Anda dapat juga mempelajari cara memberi warna berbeda pada visited link. Selamat mencoba !!!!!!!!!!!!!

Share this article :

0 komentar:

Speak up your mind

Tell us what you're thinking... !

 
Support : Modified Website | Pawang Amat | Idi Rayeuk Blog
Copyright © 2011. Idi Rayeuk Blog - All Rights Reserved
Template Created by Modified by Pawang Amat
Proudly powered by Blogger