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.