Tutorial : Efek Animated Image Apabila Cursor Menyentuh Link
February 18, 2013
Efek animated image bila cursor menyentuh link ni bagi mencantikkan lagi blog . Nak tahu macam mana ? cuba sentuh cursor korang dekat mana-mana link yang ada dalam blog hani . haaa , dia akan mengeluarkan animated yang cantikkan ? nak juga ? Ikut step ni .
Caranya:
1) Sign in akaun blogger
2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates"
3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod
a:hover
4) Kemudian copy paste kod di bawah selepas kod a:hover yang korang cari tadi:
color:#FF6699; background:url(URL IMAGE) ;background-repeat: repeat;text-decoration:underline;
contoh:
a:hovercolor:#FF6699; background:url(URL IMAGE) ;background-repeat: repeat;text-decoration:underline;
Nota:
http://dl5.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif
http://dl7.glitter-graphics.net/pub/474/474167l68h9nknqq.gif
http://dl4.glitter-graphics.net/pub/1102/1102514nugaxacg8m.gif
http://dl9.glitter-graphics.net/pub/690/690739pesbqr6dqw.gif
http://dl2.glitter-graphics.net/pub/1455/1455682apvfgvhztr.gif
http://i603.photobucket.com/albums/tt117/misdollymie/rainbowhover.gif
5) Klik preview, jika tiada error, klik save dan lihat hasilnya.
Selamat mencuba! :)
0 comments