Cara Merubah Warna Link Pada Blog

Selamat sore pagi, tidak lupa saya mengucapkan selamat. Saya senang di pagi ini saya masih di beri waktu untuk berposting, tpi saya lebih senang lagi bila sobat masih mau berkunjung di blog ini.. :-). Yah setelah tadi saya memberi Cara Membuat Jump Link Di Postingan Blog.
Maka pada kesempatan ini saya ingin posting tentang cara merubah warna link pada blog. karena menurut saya Warna link yang keren dan menarik tentunya akan di sukai oleh pengunjung, apakah warna link di blog anda sudah kelihatan keren?? Dengan Warna link bawaan template terkadang ada yang puas, namun juga sebaliknya. Jadi bagi anda yang ingin merubah warna link pada blog anda, mari kita lihat caranya di bawah, caranya pun cukup mudah. Anda ikuti tutorial dibawah ini:
  1. Login akun blogger anda.
  2. Pilih Template => Edit HTML.
  3. Kemudian cari kode seperti dibawah ini :


a:link{ color: #ff0000; text-

decoration: underline;}

a:hover{ color: #ffffff; text-decoration:

underline; }

a:visited{ color: #0000ff; text-decoration:

underline; }


Keterangan :

kode diatas : a:link{ color: #ff0000; berati Link yang akan ditampilkan berwarna merah.
Tapi kalo a:hover{ color: #ffffff; berati Jika mouse di arahkan pada link maka akan berubah menjadi warna putih.
Sedangkan a:visited{ color: #0000ff; berati Jika link selesai diklik maka link akan berubah menjadi biru.

4. Anda tinggal Ganti kode warna diatas dengan warna yang anda inginkan.

5. Klik simpan templat, dan lihat hasilnya.

Nah, cukup mudah dan sederhana kan sob.? Ya sudah, mungkin cuma itu sajah Postingan tentang Cara merubah warna link pada blog. Semoga bermanfaat.

Reaksi:
Share this with short URL:

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser