Efek animated image apabila cursor menyentuh link

Preview:

Arahkan kursor anda ke sini 

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 kode

a:hover   

4) Kalau sudah ketemu ganti kode 

 text-decoration:underline;

  color: $(link.hover.color); 

yang berada di bawah kode a:hover  dengan kode di bawah ini

color:#FF6699; background:url(URL IMAGE) ;background-repeat: repeat;
text-decoration:underline;

contoh 

a:hover 

color:#FF6699; background:url(URL IMAGE) ;background-repeat: repeat;
text-decoration:underline;

Note:
pada URL IMAGE masukkan url image yang kalian mau. 

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 nggak error, klik save dan lihat hasilnya.

Selamat mencoba! :)

Sumber : http://jombinabelog.blogspot.com/2011/12/efek-animated-image-apabila-cursor.html