Merubah Warna Link dalam Div

Home » Blog » WordPress » Merubah Warna Link dalam Div
Cari | Share | Tweet | WA | Print!.

Dengan menggunakan sebuah theme di WordPress, Anda telah memiliki satu set warna default untuk link, hover, dan visited link di style.css anda. Namun anda ingin merubah warna link untuk suatu tautan tertentu saja. Bagaimana kah caranya?

Lay-out dan tampilan sebuah blog pada dasarnya mewakili selera dan gaya pemiliknya. Blog anak muda biasanya lebih dinamis dan ceria, dengan warna-warna lebih berani. Blog yang dimiliki remaja dan orang yang lebih tua tentunya memiliki ciri dan warna yang berbeda.

Untuk memuaskan selera individual pemilik blog, berikut ini adalah langkah-langkah untuk merubah warna link dalam div:

  1. Buka style.css anda, back-up dahulu sebelum melakukan perubahan.
  2. Masukkan kode css di bawah ini ke dalam style.css anda:
    .xlink a:link {color: #e9e9e9}
    .xlink a:visited {color: #e9e9e9}
    .xlink a:hover {color: #c00}
    .xlink a:active {color: #c00}
    .xlink {}
    anda bisa mengganti nama “xlink” dengan nama lain, dan rubah kode warna sesuai keperluan.
  3. Save style css yang telah anda rubah.
  4. Buka file php dimana link dalam div akan ditempatkan. Yang saya lakukan adalah memasukkannya dalam header.php
  5. Masukkan kode berikut ini:
    <div class="xlink" style="font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer;"><a href="https://www.thearoengbinangproject.com/">Travelog</a></div>
    Ganti definisi style dan link sesuai keperluan. Save, selesai.

Selain div, anda juga bisa menggunakan span.

Share | Tweet | WA | Email | Print! | Tag: ,

Oleh Bambang Aroengbinang. Lahir di Desa Mersi, Purwokerto, Jawa Tengah, sekarang tinggal di Jakarta. Blogger dan pejalan musiman yang senang berkunjung ke situs, makam, dan tempat bersejarah. Menyukai pemandangan daratan subur dan pegunungan hijau ketimbang laut. Kirim pesan ke BA lewat email, atau lewat WA jika ingin menjadi penulis di Aroengbinang. Diperbaiki 20 Maret 2017.

Lalu «
Baru » »