Cara Menciptakan Link Effect (Membesar Dan Berubah Warna)

Mempercantik tampilan pada sebuah blog, aneka macam yang sanggup kita lakukan menyerupai 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 mengembangkan trik menciptakan link effek yang ditimbulkan kalau 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 manis bukan. Jika anda tertarik berikut ini langkah-langkahnya :

1. Login Blogger
2. Kemudian pilih Template >> Edit HTML
3. Selanjutnya anda dengan memakai Ctrl+F anda cari aba-aba  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 aba-aba 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; yakni pengaturan warna link
*Kode font-size:19px; yakni pengaturan ukuran font
*Kode font-style:italic; yakni pengaturan jenis font
*cursor:wait; yakni style mouse pointer dan sanggup anda ganti dengan crosshair, hand,
move, text dan sebagainya.

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

Sumber http://www.websiteedukasi.com/