Menghilangkan Underline Link

6 September 2007 in Panduan Membuat Blog

Menghilangkan Underline LinkPada sebagian template blogspot, tulisan yg mengandung link ada underline (garis bawah)-nya. Bagi sebagian orang, mungkin garis bawah pada link itu tidak mengganggu. Namun bagi Anda yg agak peduli dengan estetika, garis bawah pada link itu agak mengurangi keindahan blog. Bila Anda termasuk golongan ini, berikut tip cara menghilangkan underline (garis bawah) link.

1. Setelah login, klik TEMPLATE untuk blogger classic, atau klik LAYOUT/TEMPLATE –> EDIT HTML untuk blogger baru.


2. Cari kode berikut di bagian atas template di bawahnya <head>
a:link {
color:$linkcolor;
text-decoration:none;
} a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}

a:hover {
color:$titlecolor;
text-decoration:underline;

3. Yang membuat link di blog kita ada underline (garis bawah) atau tidak ada underline adalah sbb:
3.A. text-decoration:none; untuk membuat link tidak memakai underline
3.B. text-decoration:underline; untuk membuat link memaki underline.

Jadi, Anda tinggal merubah kode setelah “text-decoration:”

Jangan lupa setelah membuat perubahan, klik SAVE. Selesai.

Glossary:

1. a:link artinya link yang tampil di blog kita.
2. a:visited artinya link setelah diklik
3. a:hover artinya link ketika mouse kita arahkan ke link tsb.

45 Replies

  1. faisal

    12 Desember 2007 at 8:00 am

    Gua googling and nemu blog lu.
    thanks bgt.
    skrg links di blogspot gua ga ada underline nya lg.

    Balas
  2. badot

    7 Februari 2008 at 5:23 am

    hatur nuhun pisan, langsung bisa praktek

    Balas
  3. rina

    6 Maret 2008 at 3:58 pm

    gak bisa mas…………. kata2 text decoration itu gak ada, di HTML aku gimana dong, aku sudah ubek2 gak ketemu, sebelah mana sih !

    Balas
  4. link

    30 April 2008 at 2:36 am

    terimakasih..

    Balas
  5. safic

    22 Mei 2008 at 10:46 pm

    text decoration saya sudah none semua.. sudah di save berulangkali.. namun apa daya yang namanya garis tetap ada..

    bagaimana ini bapak fatih..

    Balas
  6. GeRo

    24 Mei 2008 at 7:43 am

    thanks, sekarang udah ngga ada underline lagi di blog ku

    Balas
  7. dhawuh

    8 Juli 2008 at 9:13 am

    di blogspot saya kok ndak ada kata-kata seperti diatas? dan mungkin ada text-decoration:none; aja tapi kok masih ada underline, saya belum tak atik blog saya. gimana solusinya? makasih

    Balas
  8. wangidara

    31 Agustus 2008 at 12:54 am

    Bang!
    tutorialnya OK. boleh nggak copy tutorialnya…….?????

    #boleh asal disebut nama penulis asli dan link ke sumber tulisan

    Balas
  9. didinsyah

    14 September 2008 at 1:32 pm

    ok, thanks!

    Balas
  10. JH Alifulhaq

    7 Oktober 2008 at 1:29 am

    Ass wr wb.
    Salam kenal.
    Terima kasih banyak atas pelajaran cuma-cuma yang anda berikan. Tentu sangat bermanfaat bagi para blogger. Walaupun baru sebentar saya berkunjung disini, saya dapatkan banyak pelajaran.
    Semoga Allah Taala melimpahkan Rahmat dan Karunia Nya pada Anda.

    Terima kasih

    Wass wr wb.

    Balas
  11. Gusde

    20 Oktober 2008 at 6:22 am

    thanks banget ya atas sarannya

    Balas
  12. Pakubumi

    4 Januari 2009 at 12:02 pm

    Tidak ketemu mas, di template saya tidak ada kode decoration di bawah link calor and visited, tapi saya paksa mausk saja seperti format di atas, SUKSES BESAR

    Thanks, saya akan link ke sini setelah tahu caranya, saya baca tutorialnya ke bawah.

    Balas
  13. irvan

    4 Februari 2009 at 9:29 pm

    Akhirnya berhasil juga buang underlinenya, makasih infonya

    Balas
  14. elin

    18 Februari 2009 at 11:11 am

    Aduh dari dulu saya mau ngilangin underline link baru sekarang dapat infonya makasih ya..
    Teruslah berbagi…

    Balas
  15. ruddy

    6 April 2009 at 9:52 pm

    ooo ternyata bisa toh dihilangkan kiraan gak bisa atau yang msh gak tau.
    trus klo untk menghilangkan underline link di sidebar gmn ?

    Thank’s Info Mas

    Balas
  16. kingkaka

    11 Mei 2009 at 2:33 pm

    Ass.wr.wb..
    Salam kenal..
    Smoga Oom fatih sll sehat.
    Oom aq br bbrp hr blajar ngeblog.gmn crnya : bikin download/unduh di blogger baru.
    Maturnuwun

    Balas
  17. wonk

    15 Mei 2009 at 4:18 am

    makasih om

    Balas
  18. kang dwi

    19 Juli 2009 at 9:24 pm

    makasih banget infonya mas fatih

    Balas
  19. detti

    21 Juli 2009 at 2:14 am

    ngilangin underline aja bisa bikin satu posting ya

    Balas
  20. NIFAN SUNANDAR

    21 Juli 2009 at 8:58 pm

    apa sih underlink ??

    Balas
  21. Abhe

    9 Agustus 2009 at 8:09 am

    wah perlu dicoba tuh

    Balas
  22. Akbar

    9 Agustus 2009 at 8:11 am

    Thanks ifonya nih

    Balas
  23. abbegrt

    18 Agustus 2009 at 8:54 pm

    makasih kalou untuk di sinebar gemana mas yach

    Balas
  24. albi

    14 September 2009 at 11:50 pm

    wach mantap euy

    Balas
  25. bachabe

    14 September 2009 at 11:50 pm

    Wiss okey nih infonya

    Balas
  26. bachabe

    14 September 2009 at 11:52 pm

    Kunjungan malam mas

    Balas
  27. Agus

    20 September 2009 at 6:12 pm

    kalau di wordpress gmana mas?

    Balas
  28. Agus

    20 September 2009 at 6:14 pm

    ops salah koment ni kan tutorial blogspot :lol:

    Balas
  29. tips forex

    28 Oktober 2009 at 6:28 am

    wah terima kasih banyak infonya mas fatih. fikir saya tadinya tutorial WP rupanya BP tho

    Balas
  1. 1 Tutorial Membuat Blog di Wordpress « Jandri Runtulalo Ping balik on Feb 1st, 2008 at 6:07 am

    [...] Menghilangkan Underline Link [...]

  2. 2 Cara Pasang Foto di Posting WordPress 2.5 « Zhambronk & Teknologi Ping balik on Jun 17th, 2008 at 2:33 am

    [...] Menghilangkan Underline Link [...]

  3. 3 Tutorial Blog WordPress Lengkap « Thomas Pakaya’s WordPress Ping balik on Jun 17th, 2008 at 11:47 am

    [...] Menghilangkan Underline Link [...]

  4. 4 cara membuat weblog « Reinharrissianturi’s Weblog Ping balik on Jul 4th, 2008 at 12:21 pm

    [...] Menghilangkan Underline Link [...]

  5. 5 BELAJAR YUK !!! « now and here after … Ping balik on Okt 9th, 2008 at 5:55 am

    [...] Menghilangkan Underline Link [...]

  6. 6 for learning « Melepaskan Belenggu Diri Ping balik on Okt 27th, 2008 at 2:08 am

    [...] Menghilangkan Underline Link [...]

  7. 7 cara buat READ MORE « Dream Come True Ping balik on Des 1st, 2008 at 6:43 am

    [...] Menghilangkan Underline Link [...]

  8. 8 Tutorial WordPress.com « Mtopan’s Blog Ping balik on Des 31st, 2008 at 5:17 am

    [...] Menghilangkan Underline Link [...]

  9. 9 Bahan Nulis Blog (Fatih Syuhud) « Blizzard Villatium Ping balik on Mar 8th, 2009 at 7:23 am

    [...] Menghilangkan Underline Link [...]

  10. 10 perkenalan « K4m4li’s Blog Ping balik on Mar 16th, 2009 at 8:12 pm

    [...] Menghilangkan Underline Link [...]

  11. 11 Tutorial Blog « gooooooo…! Ping balik on Mar 25th, 2009 at 12:41 pm

    [...] Menghilangkan Underline Link [...]

  12. 12 CARA MUDAH MEMBUAT BLOG ANDA « Nwaye’s Blog Ping balik on Apr 6th, 2009 at 10:28 am

    [...] Menghilangkan Underline Link [...]

  13. 13 Tutorial Blog « Virtual First Ping balik on Mei 6th, 2009 at 4:37 pm

    [...] Menghilangkan Underline Link [...]

  14. 14 Tutorial wordpress.com dan blogspot, adsense « -bebas berkarya- Ping balik on Jun 3rd, 2009 at 9:16 am

    [...] Menghilangkan Underline Link [...]

  15. 15 CARA BUAT WEBSITE GRATIS..! « TIADA KEMULIAAN TANPA ISLAM Ping balik on Jul 15th, 2009 at 7:00 pm

    [...] Menghilangkan Underline Link [...]

  16. 16 Link Tutorial Blog Lengkap (Wordpress, Blogger/ Blogspot) « .mifka weblog. Ping balik on Okt 9th, 2009 at 4:11 pm

    [...] Menghilangkan Underline Link [blogger] [...]


« Siapa Ngelink Blog Anda?
Kamus Online »

Leave a Comment


trackback address