Merubah Warna Link dalam Div

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!
Home » Blog » WordPress » Merubah Warna Link dalam Div

By Bambang Aroengbinang. BA lahir di Desa Mersi, Purwokerto, Jawa Tengah, sekarang tinggal di Jakarta. Seorang blogger dan pejalan musiman yang senang berkunjung ke situs, makam, dan tempat bersejarah. Menyukai pemandangan daratan subur dan pegunungan hijau ketimbang laut. Kontak BA. Subscribe via email for newly published posts. Updated on 20 Maret 2017. Tag: ,

Tulisan lainnya : Prasasti Batu Dakon Bogor | Makam Sultan Hasanuddin Gowa | 38 Tempat Wisata di Tapanuli Tengah | Situs Masjid Kauman Pleret Bantul Jogja | Cavetubing di Goa Pindul Gunung Kidul | Jokowi, Dul, dan Haters | Makam Sunan Kudus | Hotel di Medan | Bendung Kaligending Karangsambung Kebumen | Gedung Indonesia Menggugat Bandung |