Buka Rahasia Blogspot: Cara Menghilangkan Underline (Garis Bawah) Link di Blogspot

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:

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

Hasilnya:
tips-tricks blogger

Jika ingin menghilangkan garis bawah (underline) pada link, gunakan:

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

Hasilnya:
tips-tricks blogger

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 atau lihat secara lengkap tutorial modifkasi tampilan link di blogger/blogspot.

mencuri adalah pekerjaan pengecut! © buka-rahasia.blogspot.com

25 comments:

Portal UniqueTuesday, 19 July, 2011
wah makasih om ahmad ..
artikelnya membantu sekali untuk blog saya :)

thanks.
jgn lupa berkunjung k blog saya
UnknownTuesday, 19 July, 2011
yup, terima kasih kembali. Oke, nanti saya segera berkunjung :-)
rougerdeluffyThursday, 08 December, 2011
makasih atas infonya ini cocok untuk blog saya
Fairuz Milkiy KuswaWednesday, 28 December, 2011
This comment has been removed by the author.
blogger bondowosoThursday, 09 February, 2012
terima kasih sob atas informasinya yang sangat bermanfaat dan mudah dipahami, and visit me back
Plumbing TechnologySaturday, 24 March, 2012
Gan, ane kesulitan ngilangin time dan author yang di atas postingan (di bawah judul post). caranya gimana? kasih bocoran dunk...
ferdianSunday, 01 April, 2012
gan saya kesulitan mau ngilangin garis antara sidebar dan postingan untuk wordpress gimana ya gan caranya?pencerahanya ya gan
UnknownSunday, 01 April, 2012
kalo wordpress sobat yg free, silahkan masukkan perintah css melalui css editor. tapi harus tahu dulu deklarator css nya, maksudnya deklarator adalah nama class atau id dari border antara sidebar dan post body, karena kalo tidak tahu, tidak bisa mengubahnya. sebabnya free wordpress tidak mengijinkan edit atau melihat template2 php dalam theme sobat secara penuh, hanya bisa edit CSS.
Rudy HartonoSaturday, 07 April, 2012
makasih sob artikelnya berguna sekali
Dion plumbingTuesday, 19 June, 2012
wah emang kalo orang kayak saya ni susah banget belajar na, uda di kulak-kulik jg masi ga paham yang namanya apa ya, php kalo ga salah. Bisa paham aja aku uda bersyukur apalgi ngerti, alhamdulillah banget. Tapi cara nya itu lo aku ga tau, Agan-agan senior gimana si cara biar paham php?
UnknownTuesday, 26 June, 2012
@Dion; Halo. Kalo yang di atas itu cuma HTML sederhana dan CSS. Kalo PHP beda lagi scriptingnya, karena bersifat dynamic. Untuk dasar web, silahkan pelajari yang dari awal, dasar-dasar HTML, baru ke PHP.
blog bolaWednesday, 27 June, 2012
gan saya sudah coba tp tidak berhasil mslahnya kode a{ sudah semua berisi text-decoration: none; tp tetep gak mau gan..
mohon pencerahannya..
Blogger GalauSunday, 22 July, 2012
thanks brooo, tag coba dulu... :)
facewomanWednesday, 15 August, 2012
baru tahu...
Fikri HumorThursday, 30 August, 2012
nah loh.. ini ada lagi car yang kreatif..... hehehe asik gan
dwiSunday, 14 October, 2012
thanks gan atas infonya...:)
UnknownWednesday, 24 October, 2012
saya udah coba. ternyata mduah juga ya
adminTuesday, 18 December, 2012
Setelah saya mencobanya ternyata berhasil sob, thank ya
baskerTuesday, 25 December, 2012
Artikelnya sangat berguna sekali sob Terima kasih banyak uda ngepost artikel yang kayak gene!!! :)
Z_AkhirSaturday, 29 December, 2012
Terima kasih banyak mas.., ngebantu banget ni..., :)
AnonymousSunday, 20 October, 2013
Berhasil,terima kasih mas
AnonymousWednesday, 01 January, 2014
tambah ilmu lagi nih..
terima kasih banyak.
UnknownSaturday, 04 January, 2014
Selamat pagi dan saya ucapkan tyerima kasih artikelnya sangat membantu saya mas khoirul.
TechBoyMonday, 11 May, 2015
ok gan thx :D udah bisa sekarang
kajop shareWednesday, 05 August, 2015
terimakasih ya, artikelnya membantu sekali :)

Silahkan tinggalkan komentar untuk respon/pertanyaan. Jika ingin menuliskan kode di dalam komentar, convert dulu dengan HTML Encoder. Centang "Notify me" untuk mengetahui balasannya. Maaf apabila komentar dibalas dalam waktu lama atau tidak terbalas karena saya tidak online setiap hari. Atau biar lebih cepat dan enakan bisa kontak lewat Facebook. KOMENTAR BERISI LINK & tidak sesuai dengan Comment Policy akan langsung dihapus.Karena banyaknya spam, komentar sekarang di-moderasi sebelum diterbitkan. Thanks.