Thursday, March 14, 2013

Membuat link berwarna pelangi cantik

1. Masuk Dashboard > Template > edit HTML
2. Tick Expand template widget dan tekan F3/CTRL + F dan cari kode:
    a:hover {  (paling atas)
3. Kalau di bawah kode a:hover { ada kode berikut (contoh) hapus dulu:
    a:hover {
    color: #f64c83;
    text-decoration: underline;
    }
   
    ganti kode pink itu dengan kode dibawah ini 

-webkit-background-clip: text;
color: pink;
-webkit-transition: 1.0s;
-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. Tekan pratinjau dulu (preview) baru di simpan. selamat mencoba :)

Credit : loveheaven07


No comments:

Post a Comment

Kebahagiaan sejati bukanlah pada saat kita berhasil meraih apa yg kita perjuangkan, melainkan bagaimana kesuksesan kita itu memberi arti atau membahagiakan orang lain.