Selamat datang di: www.jual-rebanamarawis.com ( PUTRA PENDAWA )
Toko / Jual Alat Musik Online dan COD (Cash On Delivery)
Contact Person : Ahmad Royani, ST
TELP/SMS: 08561452465 / 087786060415 / 085286352611 (WA)
PIN BB : 2B4A736C
Home » » Cara menghilangkan garis bawah link dan mengubah warnanya di blog

Cara menghilangkan garis bawah link dan mengubah warnanya di blog

Terima kasih atas kunjungannya ke blog "jual marawis dan rebana", pada kesempatan kali ini saya akan membahas bagaimana cara menghilangkan garis bawah pada link ( anchor text).

Sebagaimana kita lihat bahwa pada umumnya template blog / blogspot menggunakan CSS Style untuk hyperlink dengan menampilkan garis bawah pada anchor text, dan jika kita menganggap bahwa tampilan garis bawah ini menggangu keindahan tampilan blog kita, maka kita bisa menghilangkan garis bawah ini dengan cara mengedit kode style sheet CSS pada template blog kita.

Untuk mengedit nya maka anda harus mengedit template HTML:
Masuk Ke dashboard >>> Design/Rancangan >>> Edit HTML, kemudian cari kode kode ( yang mirip) style sheet CSS berikut ini :
a:link {
color:#333333;
text-decoration:underline;
}

a:hover {
color:#333333;
text-decoration : underline;
}

a:visited {
color:#333333;
text-decoration : underline;
}

Berikut ini penjelasannya:
  1. Kode yang digunakan untuk tampilan link di blog:
    a:link {
    color:#333333;
    text-decoration: underline;
    }
    Kode ini dapat kita artikan bahwa sebuah link teks ( anchor text) nya akan berwarna dengan code #333333; dan ditampilkan dengan menggunakan garis bawah (underline), maka jika kita akan menghilangkan garis bawahnya saja, maka kita tinggal mengganti code "underline" menjadi "none", sehingga kodenya menjadi:
    a:link {
    color:#333333;
    text-decoration:none;
    }
  2. Kode yang ditampilkan untuk Link di Blog pada saaat disentuh oleh mouse:
    a:hover {
    color:#333333;
    text-decoration : underline;
    }
    Kode ini dapat kita artikan bahwa sebuah link teks ( anchor text) nya Jika disentuh oleh mouse (diatasnya) maka:
    • link akan berwarna hitam dengan code #333333; maka jika kita akan menggantu tampilan dengan warna lainnya, misalnya dengan warna orange, maka kita ganti code #333333 menjadi #ff7f00
    • ditampilkan dengan menggunakan garis bawah (underline), maka jika kita akan menghilangkan garis bawahnya saja, maka kita tinggal mengganti code "underline" menjadi "none",
    • sehingga kodenya menjadi:
      a:hover {
      color:#ff7f00;
      text-decoration : none;
      }

  3. Kode yang ditampilkan untuk Link yang sudah pernah dikunjungi oleh suatu komputer: Blog :
    a:visited {
    color:#333333;
    text-decoration : underline;
    }
    Kode ini dapat kita artikan bahwa sebuah link teks ( anchor text) nya yang sudah pernah dikunjungi oleh sebuah komputer :
    • link akan berwarna hitam dengan code #333333; maka jika kita akan mengganti tampilan dengan warna lainnya, misalnya dengan warna biru, maka kita ganti code #333333 menjadi #6600cc
    • ditampilkan dengan menggunakan garis bawah (underline), maka jika kita akan menghilangkan garis bawahnya saja, maka kita tinggal mengganti code "underline" menjadi "none",
    • sehingga kodenya menjadi:
      a:hover {
      color:#6600cc;
      text-decoration : none;
      }
Jika sudah selesai mengeditnya sesuai dengan keinginan kita maka simpanlah template kemudial lihat perubahannya.

Demikianlah sekilas tips gaimana cara menghilangkan garis bawah pada link ( anchor text) dari saya semoga bermanfaat.

Artikel lainnya:

Share this article :

3 komentar:

♥Vpie◥♀◤MahaDhifa♥ mengatakan...

.. aq ijin baca ya?!? tenkz banget untuk ilmunya,, ..

EXPO CPNS BUMN mengatakan...

Makasih bgt bro info nya, sangat bermanfaat buat saya. hehe
Yang lagi nyari kerjaan, Jangan Lupa mampir ke blog EXPO Lowongan Kerja Terbaru ane ya Lowongan Kerja BUMN Terbaru

Instant Website mengatakan...

cara mengembalikan ke default awalnya gimana min?

TOKO PUTRA PENDAWA

Contact Person : Ahmad Royani, ST


  • TELP/SMS: 08561452465 / 087786060415 / 085286352611 (WA)


  • Alamat : Perumahan Griya Asri Camar A - 18, Kp. Raden RT/RW: 03/07 Kel. Jati Raden Kec. Jati Sampurna Kota Bekasi Jawa Barat KP 17433
  • Klik PETA LOKASI PUTRAPENDAWA
  • Sedia Layanan Antar & bayar di tempat khusus wil Jakarta, Bogor, Depok, Tangerang dan Bekasi (Jabodetabek) dan Sekitarnya
    Terima Jasa Servis / Perbaikan
  •  
    Copyright © 2013. JUAL ALAT MUSIK MARAWIS & REBANA - All Rights Reserved
    Template Created by Mas Template Supported by jual kostum marawis & alat drum band
    Proudly powered by Blogger |