Tutorial : Rainbow Link Hover (All Templates)


Assalamualaikum and annyeonghaseyo. Hai hai. Dah lama tak buat tutor kan? Ha! hari ni tieqa nak buat tutor Rainbow Link Hover. Tutor ni tieqa memang dah pernah buat sebelum ni. Tapi yang itu hanya utk blogskin users. So, sekarang tieqa nak tunjukkan cara utk letak link hover ni bagi template lain selain blogskin. Nak cuba tak? Jommm

1. Dashboard > Design > Page Elements > Edit HTML
2. Press Ctrl + f serentak dan cari code a:hover {
3. Copy code dekat bawah ni
-webkit-background-clip: text;
color: white;
-webkit-text-fill-color: transparent;
background-image:-webkit-gradient(linear, left top, right top, from(#ea8711), to(#d96363));
background-image:-webkit-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);
background-image:-moz-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);
background-image:-ms-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);
background-image:-o-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);
}
4. Paste di bawah code tadi
5. Preview & save.

6 comment [s]:

myramin said...

Gomawo unnie :)

atiqahjaidin said...

@Myraa L.joe : cheonmaneyo, saeng :)

PNA said...

gomawo .. dh lama cari tuto nie makasih .. akhirnya jadi gak xD

Anonymous said...

terima kasih akak :D

Unknown said...

thanks.

Marha Amni said...

thanks