Cara Membuat Efek Glow Pada Link

Cara Membuat Efek Glow Pada Link ~ Efek Glow pada link akan terlihat jika cursor menyentuh link di blog, dengan efek Glow tampilan menjadi semakin menarik. Efek glow merupakan suatu bayangan pada link tersebut, berikut ini adalh screen shootnya :

Cara Membuat Efek Glow Pada Link :
1. Login keakun Blog anda
2. klik Template => Edit HTML
3. Selanjutnya anda klik centang Expand Template Widget.
4. Kemudian anda cari kode a:link, untuk memudahkan pencarian tekan CTRL + F pada keybord dan akan mucul script kira-kira seperti berikut

a:link,
a:visited {
color:#285BFC;
text-decoration:none;
a:hover { 

tambahkan kode berikut pada kode berwarna biru text-decoration:none;text-shadow:0 0 12px blue

Dan hasilnya akan seperti berikut :

a:link,
a:visited {
color:#285BFC;
text-decoration:none;
a:hover { text-decoration:none;text-shadow:0 0 10px blue

Keterangan : pada kode  waran hitam semakin tinggi nilainya semakin besar efek cahaya yang muncul. dan kode blue bisa di ganti dengan nama warna lainnya.

5. Simpan template dan lihat hasilnya


Penambahan Efek Bintang
Jika ingin menambah kan efek bintang pada link caranya sama dengan yang diatas

Anda cari kode a:hover{ atau  a:visited{  Letakkan kode di bawah ini, di bawah kode a:hover{ atau a:visited{ a:hover{background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHJymv3d_yelLRPgDjpEPkR7u5fb8-MMonSuDjg7sWsDUBHe1JZlD88bn85UeDZj5mFOyh2d4TQsLHc87KNIqxdEHr0Zvmrb0Qb7eeVAvAEAHYo4_iaN02ohWfNkSXFJUm2RqWfJv8ziE/s1600/stars.gif);}  Simpan template

Demikian cara membuat efek glow pada ling semoga bermanfaat!

Share this post