14 September 2012

Tutorial : Link Hover Pelangi

السّلا م عليکم ورحمةالله وبرکة | Salam Sejahtera



Cer korang tengok dekat ayat Faqihah Husni tu. Rainbow kan? Cantik tak? Korang cubalah tutorial ni. Kot kot lah korang suka. Btw, ni my own code. Kod asal from AtinTory.. Kihah edit sikit :)


Template Designer :
i. Dashboard --> Template --> Edit HTML --> Proceed
ii. Search kod ini a:hover{
iii. Copy code di bawah dan pastekan di bawah a:hover{
iiii. Preview and Save !

Blogskins :
i. Dashboard --> Template
ii. Search kod a:hover{
iii. Copy code di bawah dan pastekan di bawah a:hover{
iiii. Preview and Save !


-webkit-background-clip: text;
color: white;
-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);
}
Senang je kan? Jadi tak? heheh :)

22 comments:

  1. This comment has been removed by the author.

    ReplyDelete
  2. tak jadi, sebab kod a:hover{ takdela ;(

    ReplyDelete
  3. @♥ Lia Abdillah ♥ Boleh tambah sendiri. Cari kod

    a img {

    Pastekan a:hover{ atas kod tu. Pastu paste pulak kod tuto ni :)

    ReplyDelete
  4. Congrats ~ Found your blog on Google while searching for a related topic, your site came up, it looks good, keep them coming !

    ReplyDelete
  5. Dahh jadi . Terima kasih Qihah :D

    ReplyDelete
  6. thanks for the tuto, mmg jadi! cute sgt.. thanks faqihah :)

    ReplyDelete
  7. cantiklah, akak try tutor kamu. :)

    ReplyDelete
  8. Qihah, kenapa x jadik? Cuba tgk blog kita.

    ReplyDelete
  9. @Nadiah Solehah Awak tersilap paste kod. Saya dah hantar mesej di cbox awak. check it ya :)

    ReplyDelete
  10. Yeay ! Dah jadi . Thanks kak kihah . Nak copy tuto bole ? Nanti sy credit :) Tengss

    ReplyDelete
  11. Thanks Qihah! Jadi ! :)

    ReplyDelete

Your words defines you