[Tutorial] Link Hover Shadow Effect

Request dari Lylla, she ask me cemana yana buat link jadi macam ada shadow tu. Okay, this is just a simple tuto. Blogskin users or any template from blogger.com users boleh guna. Just follow this step!^^ #Warning hard (amaran keras)! Just menjadi dalam Google Crome sahaja. Harap maklum :)
1. Blogger.com > Dashboard > Template > Edit HTML
2. Ctrl + F, search for this code :

a:hover {

3. Dah jumpa? Kat bawah tu ada code yang korang dah edit sebelum nie kan? Korang replace code tu dengan code nie :

color: transparent;text-shadow: 10px 0px 1px #888;-webkit-transition: .5s;-moz-transition: .5s;}

So, code korang akan jadi macam nie :

a:hover {color: transparent;text-shadow: 10px 0px 1px #888;-webkit-transition: .5s;-moz-transition: .5s;}

#yang merah tu korang boleh pilih warna yang korang suka kat SINI#yang purple tu korang boleh tukar. yang tu untuk shadow effect nanti. Kalau taknak tukar pun takpe^^
4. Then Save Template. Siap!^^
Lots of Love,Yana♥