TUTORIAL : link ade background

okeyy , bila pergi dekat link una korunk akan nampak link una ade background warna pink kann ? actualy itu kita panggil link hover :) mcam yang biasa nampak ade letak macam hover icon yang comei2 tuh kann ? soo , yang nie kite just guna background :) senang jer , soo , jom buat :

First go to your Dashboard > Design > Edit HTML then click ctrl + F and search code nie :
a:link {
thenn , dekat bawah2 tuh ade anak anak code sampai ade yang } nie kann ? okeyy , korunk copy jer code yang una bagi nie and korunk paste dekat bawah dia kayy ?

a:hover {
background-color: #FFEAEA;
border-radius:3px;
padding:1px;
-webkit-transition-duration: 2s;
filter: none;
color: #474545;
text-decoration:none;
}
 dah sudah try lah preview dan cursor ke link korunk , hahh , jadi takk ?? kalau jadi save jer kayy ?

UNGU : yang nie untuk background dia kayy ?
HIJAU : yang nie pulak warna font korunk tuh lepas cursor sentuh .
BIRU : yang nie pulak border dia , boleh adjust kay ? ikut suka korunk :)
warna-warna boleh dapat kan di SINI

kalau tak faham tengok contoh code nie :
click untuk tumbesaran :)

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

18 comments:

  1. St MustiaraAugust 27, 2011 at 3:02 PM

    Baru nak request, hihi thanks Una. Menjadi :)

    ReplyDelete
  2. elisa ♥August 28, 2011 at 7:37 AM

    Thanks sys ! menjadi :D

    ReplyDelete
  3. AnonymousAugust 29, 2011 at 6:08 PM

    thank you . sekian lama cari benda ni .

    ReplyDelete
  4. UnknownSeptember 4, 2011 at 3:25 PM

    thanks for the sharing una ! suka sebab dah jadi :)

    ReplyDelete
  5. Nur Hanis AmirahSeptember 7, 2011 at 6:17 PM

    Macam mana kalau tak nak bendaa ni ada kat header ehh ?

    ReplyDelete
  6. halidaRahmanSeptember 9, 2011 at 12:25 PM

    una, ida ambil some of ur tuto and re-do balik tauu kat blog ida sbb ada blogger baru tu tny. i'll credit. jgn mrh ye :D

    ReplyDelete
  7. SyamitsuSeptember 11, 2011 at 3:39 PM

    mcm mane nak buang bende ni kat header??

    ReplyDelete
  8. AnonymousSeptember 11, 2011 at 6:22 PM

    kite copy tuto ne tau!!!saye na wat tu!!!credit kat akak!!!!gune gambar saye!!!please,,,,,,

    http://nurhasyimsite.blogspot.com/2011/09/tutorial-link-ade-background.html

    ReplyDelete
  9. Nur Insyirah ★September 13, 2011 at 10:46 PM

    kenapa at header pun jadi skali?
    mcm mna nak buang background tue kt header?
    reply at shoutbox sya ek.. tq =)

    ReplyDelete
  10. UnknownSeptember 16, 2011 at 12:33 PM

    cmne nak buang benda ni at header eh ? tlg reply ehh una :)

    ReplyDelete
  11. Nazwa SaedunOctober 12, 2011 at 4:36 PM

    hmm , x lpas lah kak :(

    ReplyDelete
  12. Niza AffandiOctober 15, 2011 at 8:15 PM

    thankssssssssssss :)

    ReplyDelete
  13. k.kkuyooNovember 22, 2011 at 2:16 PM

    tak jadi (menangis)

    ReplyDelete
  14. W I S D O M L I G H T :)December 11, 2011 at 1:57 AM

    Jadii ^^ thanks

    ReplyDelete
  15. laii65December 13, 2011 at 7:15 PM

    kak una macam mana nak guna de..ika tak paham lah..harap kak una boleh membantu

    ReplyDelete
  16. Hafizah MazalanJanuary 3, 2012 at 10:03 AM

    tak menjadi lah :(

    ReplyDelete
  17. mikaJanuary 9, 2012 at 8:18 PM

    thnxs kak (:

    ReplyDelete
  18. AnonymousNovember 23, 2012 at 6:57 PM

    thanks kak una ^^
    sangat2 menjadi & i like c:

    ReplyDelete

Assalammualaikum and Hye to all Blogger. Harap anda tidak mengeluarkan sebarang bahasa yang kasar ATAU keterlaluan untuk di baca. Ada apa-apa pertanyaan? Sila komen sini.. =TERIMA KASIH=