Tutorial : Link Hover shadow dan bergerak ke tepi.

...Assalamualaikum...

iklan jap: 

Nak topup free? jom join.. ｡◕‿◕｡

Nak tahu cara buat Link Hover ada shadow dan bergerak ke tepi?

tak tahu macam mana? 

macam gambar atas nie la.. 

bila disentuh, jadi macam link 'malam nisfu syaaban' tu..

cute kan?

1) Dashboard > design > edit HTML > tick expand widget

2) Tekan CTRL + F dan search kod ini

 a:hover {

3) Copy kod ini dan paste selepas kod  a:hover {

color: transparent;

text-shadow: 10px 0px 1px #F535AA ;

-webkit-transition: .5s;

-moz-transition: .5s;

}

   biru : warna shadow.. boleh tukar di sini

4) Preview dan Save

 5) Kalau tiada kod a:hover {, cari kod 

]]></b:skin>

6) Pastekan kod ini sebelum kod ]]></b:skin>

a:hover {

color: transparent;

text-shadow: 10px 0px 1px #F535AA ;

-webkit-transition: .5s;

-moz-transition: .5s;

}

 note: jadi tak?