Cara Menambahkan Efek Animated Image Saat Cursor Menyentuh Link

Apa kabar teman2 sesama blogger? Semoga baik yah:) hhi. Kali ini aku mau share tutorial cara nambahin animated image saat cursor menyentuh link. Kalian tau maksudnya? Di blogku, kalo kalian taruh cursor di link pasti ada kupu-kupu kan disekitar link itu? Nah, itu dia;3 Tapi, aku ngesharenya macem2 loh. Ok, let's check!

1. Sign in akun blog.

2. (Pada Dashboard) Pilih Design/Template => Edit html.

3. Cari kode a:hover atau bisa tekan ctrl+f untuk cari cepat.

4. Kemudian, paste kode ini di bawah a:hover tadi.

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; 

5. Lalu, kalian ganti tulisan 'URL IMAGE' itu dengan salah satu link di bawah ini.

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

Kalo kalian mau copas tutorial ini, sertakan 'Credit by: http://novitalesyani28.blogspot.com/ ya:) Hargai yang nyarinya:) Tq