Cara membuat link blog bergerak

Cara membuat link blog bergerak contohnya ada pada link blog aku ini apabila disentuh cursor. Contohnya gambar di atas yang aku tandai dengan anak panah. Link akan bergerak ke kanan apabila disentuh anak panah cursor, sebenarnya warna link nya juga bisa diubah dengan memasukkan kode warna kesukaan. 

Cara membuat link hover shadow bergerak ke kanan:

1.Masuk Dashboard > Template > edit HTML

2.Tick Expand Template Widget dan tekan F3 atau CTRL + F bersamaan dan cari kode:

a:hover {  (paling atas)

Kalau dibawah a:hover { ada kode berikut (contoh) hapus dulu:

color:#000000;
text-decoration: underline;
} 

3.Letakkan kode berikut di bawah kode tadi:

color: transparent;
text-shadow: 10px 0px 1px #4D0000;
-webkit-transition: .5s;
-moz-transition: .5s;
}

3.Yang aku tandai dengan warna biru dan merah adalah ketebalan dan kode warna boleh ditukar sendiri menurut selera xD.
4.Tekan pratinjau dan simpan template.

Share :