Tutorial : Kesan Animated Image Apabila Cursor Menyentuh Link

Assalamualaikum dan salam 1 Malaysia

Hari ini, kita akan belajar car buat kesan imaje
apabila cursor menyentuh link

Owkey, ikut step ini  saje.

Langkah 1

Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates"

Langkah 2

Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod

a:hover

Langkah 3

Kemudian copy paste kod di bawah selepas kod a:hover yang korang cari tadi:

color:#FF6699; background:url(URL IMAGE) ;background-repeat: repeat;
text-decoration:underline;

contoh:

a:hover
color:#FF6699; background:url(URL IMAGE) ;background-repeat: repeat;
text-decoration:underline;

Langka 4

Pada URL IMAGE masukkan url image yang kamu mahu ataupun kamu just pilih dan copy url image yang kat Sini.

Langkah 5

Klik preview, jika tiada error, klik save dan lihat hasilnya.

Ranking: 5