Memunculkan Efek Glow Pada Link Blog

Rasanya sudah biasa jika sebuah link akan bergaris bawah jika disentuh cursor(anak panah), atau berubah warna. Lalu apakah ada effect lain? Effect Glow, jika efek ini diterapkan dalam sebuah link, maka ketika link tersebut disentuh dengan cursor maka akan nampak bercahaya.

Tertarik untuk mencobanya?

Silahkan mengikuti langkah-langkah berikut untuk memunculkan efek glow pada link.
  • Masuk ke Akun Sobat.
  • Langsung menuju Rancangan > Edit HTML
  • Cari kode seperti ini a:link (gunakan Ctrl + F), akan muncul kode seperti ini.
    a:link{ color:#006699; text-decoration:none}
    a:visited{ color:#006699; text-decoration:none}
    a:hover{ color:#000; text-decoration:none}

    dalam kode a:hover, ubah kode ini text-decoration:none menjadi seperi di bawah ini.

    a:link{ color:#006699; text-decoration:none}
    a:visited{ color:#006699; text-decoration:none}
    a:hover{ color:#000; text-decoration:none;text-shadow:0 0 10px blue;}

    Kode dapat berbeda pada setiap template (sesuaikan).
  • Terakhir klik Simpan Template.
Note : 10px adalah besar efek yang keluar, semakin tinggi nilainya semakin besar efek cahaya yang muncul. blue adalah warna efek cahaya, bisa dirubah menjadi red, orange, green, dll.

Semoga bermanfaat...

Unknown

sedang dalam perbaikan....

Tidak ada komentar:

Posting Komentar