Cara Membuat Link Effect (Membesar dan Berubah Warna)

Mempercantik tampilan pada sebuah blog, banyak sekali yang dapat kita lakukan seperti mempercantik tampilan pada gambar, mempercantik tampilan pada widget, mempercantik tampilan navigasi, mempercantik tampilan cursor, mempercantik tampilan link dan masih banyak lagi.

Diantar mempercantik tampilan diatas, disini saya akan mengulas mempercantik tampilan pada link. Dimaksudkan mempercantik  tampilan pada link, saya akan berbagi trik membuat link effek yang ditimbulkan jika tersorot cursor link akan membesar dan meruubah warna.

Sebagai contoh, silahkan anda sorotkan cursor anda pada link aktif yang berada di Blog ini, bagaimana terlihat lebih cantik bukan. Jika anda tertarik berikut ini langkah-langkahnya :

1. Login Blogger
2. Kemudian pilih Template >> Edit HTML
3. Selanjutnya anda dengan menggunakan Ctrl+F anda cari kode  a:link dan a:hover

Sebagai contoh :

a:link,
a:visited {
  color:#285BFC;
  text-decoration:none;
}
a:hover {
  color:#7FB7FD;
  -ms-transition:all .2s ease-out;
  transition:all .2s ease-out;
}

Note :
Pada setiap template biasanya berbeda-beda koda

4. Apabila sudah menemukannya anda ganti dengan kode dibawah ini :

a:link
{
color:#0000ff;
font-size:10px;
cursor:default;
}
a:hover
{
color:#d2691e;
font-size:19px;
font-style:italic;
cursor:wait;
}

4. Setelah itu anda Simpan Template.

Keterangan:
*Kode color:#0000ff; adalah pengaturan warna link
*Kode font-size:19px; adalah pengaturan ukuran font
*Kode font-style:italic; adalah pengaturan jenis font
*cursor:wait; adalah style mouse pointer dan bisa anda ganti dengan crosshair, hand,
move, text dan sebagainya.

Demikian Trik dan tips sederhana dari saya, semoga dapat bermanfaat!
Saya ucapkan terimakasih atas kunjungannya.

Share this post