Link Hover Berbackground

Assalammualaikum dan salam sejahtera

hari ini mira nak buat tutorial..harap korang akan suka

ianya seperti ini

untuk lebih live..korang hover dekat mana-mana link di blog Mira

a{
text-decoration:none ;
color:#BDA291 ;cursor:pointer;
-webkit-transition:All 0.4s ease ;
-moz-transition:All 0.4s ease ;
-o-transition:All 0.4s ease ; }
a:hover{
color:#fff ;
background:url(http://24.media.tumblr.com/tumblr_lurzuh68cd1r6dwqao1_500.jpg);
background-position:50% 80%;
background-size:400px;
}

1. Pergi ke Egit HTML dan tick Expand Widget Templates 
2. copy dan paste kod yang diberikan diBAWAH a:link { contoh dibawah

 klik untuk besarkan

3.Siap..dan terus save..

PERINGATAN

PURPLE - URL IMAGE